.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1440px;
}
body {font-family: 'Noto Sans';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Noto Serif';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.oxel_back_to_top_container:hover{
transform:scale(1.1,1.1) translateY(-3px); background-color:#dee1e3;
}
.oxel_back_to_top_container {
 width:35px;
 height:35px;
 border-radius:50%;
 background-color:#f9f9fa;
 position:fixed;
 z-index:1500;
 right:32px;
 bottom:32px;
 text-align:center;
 overflow:hidden;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 box-shadow:0px 4px 17px -10px #1e1e1e;
}
.oxel_back_to_top_container:not(.ct-section):not(.oxy-easy-posts),
.oxel_back_to_top_container.oxy-easy-posts .oxy-posts,
.oxel_back_to_top_container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel_back_to_top_icon {
color: #73845a;}.oxel_back_to_top_icon 
>svg {width: 30px;height: 30px;}.oxel_back_to_top_icon {
}
.oxel_circular_counter {
 width:150px;
 height:150px;
 border-radius:50%;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 color:#00fff2;
 background-color:#dee1e3;
}
.oxel_circular_counter__inner {
 width:100%;
 height:100%;
 background-color:#f9f9fa;
 border-radius:50%;
 text-align:center;
}
.oxel_circular_counter__inner:not(.ct-section):not(.oxy-easy-posts),
.oxel_circular_counter__inner.oxy-easy-posts .oxy-posts,
.oxel_circular_counter__inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.oxel_circular_counter__number {
 color:#374047;
 font-size:32px;
 font-weight:100;
}
.oxel_circular_counter__unit {
 color:#374047;
 font-weight:100;
 font-size:32px;
}
.oxel_number_counter {
}
.oxel_number_counter:not(.ct-section):not(.oxy-easy-posts),
.oxel_number_counter.oxy-easy-posts .oxy-posts,
.oxel_number_counter.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.oxel_number_counter__number {
 font-family:Noto Serif;
 color:#ffffff;
 font-size:48px;
 font-weight:600;
 line-height:0.3;
}
.oxel_number_counter__label {
 font-family:Noto Sans;
 color:#ffffff;
 font-size:14px;
 font-weight:400;
}
.oxel_icon_button__container:hover{
 background-color:#cfd3d7;
}
.oxel_icon_button__container {
 background-color:#eceeef;
 padding-top:8px;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:8px;
 transition-duration:0.3s;
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_icon_button_text {
 color:#374047;
}
.oxel_icon_button_icon {
color: #606e79;}.oxel_icon_button_icon 
>svg {width: 18px;height: 18px;}.oxel_icon_button_icon {
 margin-right:8px;
}
.atomic-logo:hover{
 opacity:1;
}
.atomic-logo {
 opacity:0.8;
 transition-duration:0.5s;
 transition-timing-function:ease;
 transition-property:all;
}
.padding-left {
 padding-left:5.2%;
}
.padding-left .ct-section-inner-wrap {
padding-top: 25px;
padding-bottom: 25px;
padding-left: 5.2%;
}
.padding-right {
 padding-right:5.2%;
 gap:50px;
}
.padding-right .ct-section-inner-wrap {
padding-right: 5.2%;
}
.padding-right:not(.ct-section):not(.oxy-easy-posts),
.padding-right.oxy-easy-posts .oxy-posts,
.padding-right.ct-section .ct-section-inner-wrap{
display:flex;
gap:50px;
}
@media (max-width: 1440px) {
.padding-right {
}
.padding-right .ct-section-inner-wrap {
padding-right: 5.2%;
}
}

.footer-top-tekst {
 font-size:20px;
 font-weight:400;
 color:#2a2a2a;
 padding-bottom:5px;
 text-align:left;
}
@media (max-width: 1440px) {
.footer-top-tekst {
 font-size:18px;
}
}

@media (max-width: 991px) {
.footer-top-tekst {
 font-size:16px;
}
}

@media (max-width: 767px) {
.footer-top-tekst {
 font-size:14px;
}
}

.footer-top-item {
 width:10%;
}
@media (max-width: 767px) {
.footer-top-item {
 width:25%;
}
}

@media (max-width: 479px) {
.footer-top-item {
 width:40%;
}
.footer-top-item:not(.ct-section):not(.oxy-easy-posts),
.footer-top-item.oxy-easy-posts .oxy-posts,
.footer-top-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
}

.footer-text {
 font-family:Noto Serif;
 font-size:12px;
 font-weight:400;
 padding-bottom:10px;
 text-align:left;
 color:#a8ba8d;
}
.footer-icon {
background-color: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.12);
padding: 5px;color: #ffffff;}.footer-icon 
>svg {width: 17px;height: 17px;}.footer-icon {
}
.footer-img {
 width:100%;
}
@media (max-width: 767px) {
.footer-img {
 width:100%;
}
}

@media (max-width: 479px) {
.footer-img {
 width:100%;
}
}

.heading-h1 {
 font-size:50px;
 font-weight:600;
 line-height:1;
 padding-bottom:40px;
 text-align:left;
 color:#111111;
}
@media (max-width: 1440px) {
.heading-h1 {
 font-size:40px;
}
}

@media (max-width: 991px) {
.heading-h1 {
 font-size:35px;
}
}

@media (max-width: 767px) {
.heading-h1 {
 font-size:28px;
 padding-bottom:20px;
}
}

@media (max-width: 479px) {
.heading-h1 {
 font-size:25px;
}
}

.hero-text {
 font-size:24px;
 font-weight:400;
 line-height:1.1;
 text-align:left;
}
@media (max-width: 1440px) {
.hero-text {
 font-size:20px;
}
}

@media (max-width: 991px) {
.hero-text {
 font-size:18px;
}
}

@media (max-width: 479px) {
.hero-text {
 font-size:16px;
}
}

.scroll-indicator-text {
 font-size:24px;
 font-weight:500;
 padding-top:20px;
 padding-bottom:20px;
 padding-left:30px;
 padding-right:30px;
 background-color:#fbfcfb;
 color:#73845a;
 border-radius:13px;
 line-height:1;
}
.scroll-indicator-text:not(.ct-section):not(.oxy-easy-posts),
.scroll-indicator-text.oxy-easy-posts .oxy-posts,
.scroll-indicator-text.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
align-content:center;
justify-content:center;
}
@media (max-width: 1440px) {
.scroll-indicator-text {
 font-size:20px;
}
}

@media (max-width: 991px) {
.scroll-indicator-text {
 font-size:18px;
}
}

@media (max-width: 767px) {
.scroll-indicator-text {
 font-size:16px;
}
}

@media (max-width: 479px) {
.scroll-indicator-text {
 padding-left:20px;
 padding-right:20px;
}
}

.card-link {
 border-radius:16px;
 padding-left:50px;
 padding-right:50px;
 padding-top:50px;
 padding-bottom:50px;
 text-align:left;
 gap:20px;
 max-width:800px;
 width:100%;
}
.card-link:not(.ct-section):not(.oxy-easy-posts),
.card-link.oxy-easy-posts .oxy-posts,
.card-link.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:20px;
}
@media (max-width: 1440px) {
.card-link {
 text-align:left;
}
.card-link:not(.ct-section):not(.oxy-easy-posts),
.card-link.oxy-easy-posts .oxy-posts,
.card-link.ct-section .ct-section-inner-wrap{
align-items:center;
}
}

@media (max-width: 991px) {
.card-link {
 text-align:justify;
}
.card-link:not(.ct-section):not(.oxy-easy-posts),
.card-link.oxy-easy-posts .oxy-posts,
.card-link.ct-section .ct-section-inner-wrap{
display:flex;
}
}

@media (max-width: 767px) {
.card-link {
 padding-left:30px;
 padding-top:30px;
 padding-right:30px;
 padding-bottom:30px;
}
}

@media (max-width: 479px) {
.card-link {
 padding-left:20px;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
}
}

.card-link-text {
 text-align:left;
 line-height:1.3;
 color:#2a2a2a;
}
@media (max-width: 479px) {
.card-link-text {
 font-size:14px;
}
}

.round-arrow-link {
 background-color:#73845a;
}
.round-arrow-link:not(.ct-section):not(.oxy-easy-posts),
.round-arrow-link.oxy-easy-posts .oxy-posts,
.round-arrow-link.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
align-content:center;
justify-content:center;
}
.round-arrow {
color: #a8ba8d;}.round-arrow 
>svg {width: 74px;height: 74px;}.round-arrow {
}
@media (max-width: 767px) {
.round-arrow {
}.round-arrow 
>svg {width: 40px;height: 40px;}.round-arrow {
}
}

@media (max-width: 479px) {
.round-arrow {
}.round-arrow 
>svg {width: 25px;height: 25px;}.round-arrow {
}
}

.heading-h2 {
 font-family:Noto Serif;
 font-weight:600;
 font-size:36px;
 color:#2a2a2a;
 text-align:center;
}
@media (max-width: 1440px) {
.heading-h2 {
 font-size:30px;
}
}

@media (max-width: 991px) {
.heading-h2 {
 font-size:28px;
}
}

@media (max-width: 767px) {
.heading-h2 {
 font-size:25px;
}
}

@media (max-width: 479px) {
.heading-h2 {
}
}

.card-container {
}
.large-card {
 width:48%;
 background-color:#f5f0e8;
 overflow:hidden;
 border-top-left-radius:24px;
 border-bottom-left-radius:24px;
 border-top-right-radius:24px;
 border-bottom-right-radius:24px;
}
@media (max-width: 1440px) {
.large-card {
 width:46%;
}
}

@media (max-width: 991px) {
.large-card {
 width:100%;
}
}

.large-card-content-container {
 width:100%;
 padding-top:20px;
 padding-left:50px;
 padding-right:50px;
 padding-bottom:50px;
}
@media (max-width: 1440px) {
.large-card-content-container {
 padding-left:30px;
 padding-right:30px;
}
}

@media (max-width: 767px) {
.large-card-content-container {
 padding-left:20px;
 padding-right:20px;
 padding-bottom:30px;
}
}

.large-card-text-italic {
 color:#73845a;
 font-size:16px;
 font-weight:500;
 font-style:italic;
}
.large-card-text {
 font-size:14px;
 font-weight:400;
 color:#7a6a5a;
 padding-bottom:15px;
}
.large-card-heading {
 font-size:20px;
 font-weight:600;
 color:#ba835e;
 padding-top:15px;
 line-height:1;
 padding-bottom:15px;
}
.btn {
 font-weight:600;
 font-size:14px;
 color:#ffffff;
 gap:5px;
 text-align:center;
}
.btn:not(.ct-section):not(.oxy-easy-posts),
.btn.oxy-easy-posts .oxy-posts,
.btn.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
align-content:center;
justify-content:center;
gap:5px;
}
@media (max-width: 479px) {
.btn {
}
}

.btn-green {
}
.btn-arrow {
}
.large-card-img-container {
 width:100%;
 max-width:100%;
 position:relative;
 min-height:250px;
}
.large-card-badge {
 position:absolute;
 top:30px;
 right:15px;
 padding-top:12px;
 padding-bottom:12px;
 padding-left:20px;
 padding-right:20px;
 background-color:#d0e2b9;
 border-radius:7px;
}
@media (max-width: 767px) {
.large-card-badge {
 padding-left:10px;
 padding-right:10px;
 padding-top:8px;
 padding-bottom:8px;
 top:10px;
 right:15px;
}
}

@media (max-width: 479px) {
.large-card-badge {
 right:10px;
}
}

.large-card-badge-text {
 color:#ba835e;
 text-transform:uppercase;
 font-size:12px;
 font-weight:600;
}
@media (max-width: 767px) {
.large-card-badge-text {
 font-size:10px;
}
}

.intro-text {
 font-size:24px;
 font-weight:400;
 color:#000000;
 padding-bottom:50px;
 text-align:center;
}
@media (max-width: 1440px) {
.intro-text {
 font-size:20px;
}
}

@media (max-width: 767px) {
.intro-text {
 font-size:18px;
}
}

.small-card {
 width:33%;
 border-radius:16px;
 padding-top:50px;
 padding-bottom:50px;
 padding-left:30px;
 text-align:center;
 padding-right:30px;
}
.small-card:not(.ct-section):not(.oxy-easy-posts),
.small-card.oxy-easy-posts .oxy-posts,
.small-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
}
@media (max-width: 1440px) {
.small-card {
 padding-left:20px;
 padding-right:20px;
 padding-top:30px;
 text-align:justify;
 height:auto;
}
.small-card:not(.ct-section):not(.oxy-easy-posts),
.small-card.oxy-easy-posts .oxy-posts,
.small-card.ct-section .ct-section-inner-wrap{
display:flex;
}
}

@media (max-width: 991px) {
.small-card {
 width:100%;
 text-align:justify;
 max-width:100%;
}
.small-card:not(.ct-section):not(.oxy-easy-posts),
.small-card.oxy-easy-posts .oxy-posts,
.small-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
}

.small-card-heading {
 font-weight:600;
 font-size:18px;
 color:#2a2a2a;
 padding-bottom:10px;
}
.small-card-text {
 line-height:1.1;
}
.small-card-number {
 font-family:Noto Serif;
 font-size:7rem;
 font-weight:300;
 line-height:0.5;
 color:#a8ba8d;
}
@media (max-width: 1440px) {
.small-card-number {
 font-size:6rem;
 line-height:1;
}
}

.small-card-btn {
 padding-top:5px;
 border-radius:20px;
 padding-bottom:5px;
 padding-left:10px;
 padding-right:10px;
 margin-top:20px;
 font-size:14px;
 font-weight:600;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-color:#ba835e;
 border-right-color:#ba835e;
 border-bottom-color:#ba835e;
 border-left-color:#ba835e;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 gap:10px;
 width:auto;
}
.small-card-btn:not(.ct-section):not(.oxy-easy-posts),
.small-card-btn.oxy-easy-posts .oxy-posts,
.small-card-btn.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:10px;
}
.small-card-icon {
color: #ba835e;}.small-card-icon 
>svg {width: 21px;height: 21px;}.small-card-icon {
}
.text {
 font-size:16px;
 font-weight:400;
 padding-bottom:10px;
 color:#73845a;
}
.blur-container {
 border-radius:56px;
 padding-top:50px;
 padding-right:50px;
 padding-bottom:50px;
 padding-left:50px;
 width:50%;
}
.blur-container:not(.ct-section):not(.oxy-easy-posts),
.blur-container.oxy-easy-posts .oxy-posts,
.blur-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
@media (max-width: 1440px) {
.blur-container {
}
}

@media (max-width: 991px) {
.blur-container {
 width:90%;
 padding-top:50px;
}
}

@media (max-width: 767px) {
.blur-container {
 width:100%;
 padding-left:30px;
 margin-left:5.2%;
}
}

@media (max-width: 479px) {
.blur-container {
 padding-left:20px;
 padding-right:20px;
 padding-bottom:60px;
}
}

.podcast-section {
 width:100%;
 max-width:100%;
 background-color:#fbfcfb;
 padding-left:5.2%;
 padding-right:5.2%;
 padding-top:80px;
}
.large-card-image {
 min-height:260px;
 max-height:260px;
 object-fit:cover;
}
.card-scroll-animate {
}
.scroll-animate {
}
.heading-h3 {
 font-size:36px;
 text-align:left;
 padding-bottom:20px;
 color:#000000;
}
@media (max-width: 991px) {
.heading-h3 {
 font-size:30px;
}
}

@media (max-width: 767px) {
.heading-h3 {
 font-size:24px;
}
}

.contact-item {
 width:100%;
 padding-bottom:10px;
 padding-top:5px;
}
.contact-item:not(.ct-section):not(.oxy-easy-posts),
.contact-item.oxy-easy-posts .oxy-posts,
.contact-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.contact-item-icon {
border: 1px solid;
padding: 22px;color: #333333;}.contact-item-icon 
>svg {width: 27px;height: 27px;}.contact-item-icon {
 margin-right:5px;
}
.contact-item-heading {
 font-size:18px;
 color:#73845a;
 font-weight:600;
}
@media (max-width: 767px) {
.contact-item-heading {
}
}

.contact-item-text {
 font-size:18px;
 font-weight:600;
 color:#2a2a2a;
}
html {
    scroll-behavior: smooth;
}

body{
  margin-top:0;
}

.wp-block-woocommerce-coming-soon {
    display: none !important;
}

#menu-item-738 {
  margin-left:20px;
  margin-top:10px;
}

#menu-item-738 a{
  background:#A8BA8D;
  border-radius:100px;
  padding-left:20px !important;
  padding-right:20px !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}

/* =========================================
   NAVIGATION - ACTIVE LINK
========================================= */
#_nav_menu-9-21 .oxy-nav-menu-list > li > a {
    position: relative;
    display: inline-block;
    width: auto;
    border-bottom: none;
}

/* Linija */
#_nav_menu-9-21 .oxy-nav-menu-list > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 90%;
    height: 2px;
    background: #D0E2B9;

    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Hover */
#_nav_menu-9-21 .oxy-nav-menu-list > li > a:hover::after {
    opacity: 1;
}

/* Active */
#_nav_menu-9-21 .oxy-nav-menu-list > li.current-menu-item:not(.menu-item-type-custom) > a::after,
#_nav_menu-9-21 .oxy-nav-menu-list > li.current_page_item:not(.menu-item-type-custom) > a::after {
    opacity: 1;
}

/* =========================================
   NUTRITIVNA PROCJENA - HOVER
========================================= */

#menu-item-738 > a:hover::after {
    opacity: 0 !important;
}

#menu-item-738 > a:hover {
    background: #B8C9A1 !important;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    text-align: left;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    width: auto; 
    font-family: inherit; 
}


.btn svg {
    margin-left: 6px;
    fill: currentColor;
    transition: transform 0.3s ease;
    margin-top:2px;
}


.btn:hover svg {
    transform: translateX(5px);
}


.btn-green {
    background-color: #73845a;
    color: #ffffff;
}

.btn-peach {
    background-color: #E7B58F;
    color: #ffffff;
}

.btn-white svg{
    fill: currentColor !important;
}


.btn-green-light {
    background: #D0E2B9;
    color: #73845A;
}


.btn-white {
    background-color: #fff; 
    color: #73845a;
}

.btn-white-border {
    border:1px solid #fff;
    color: #fff;
}


.btn-light-pink {
     background: #F5F0E8;
     color: #73845A;

}


.btn-brown {
    background-color: #b58261; 
    color: #ffffff;
}




.oxy-header-container{
  padding-left:0 !important;
  padding-right:0 !important;
}

.card-link{
     box-shadow: 0px 4px 4px 0px rgba(198, 198, 198, 0.25); 
     transition: box-shadow 0.3s ease;
}

 /*ROUND ARROW LINK */
 
.round-arrow-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-decoration: none;
    transition: background-color 0.3s ease;
    flex-shrink: 0; 
    aspect-ratio: 1 / 1;
}
.round-arrow{
    transition: transform 0.3s ease;
    transform: translateX(30px); 
}


.round-arrow-link:hover .round-arrow{
    transform: translateX(25px);
}

#div_block-431-7 {
  background: #A8BA8DB2;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.blur-container{
    backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.footer-text, .heading-h2 span{
  white-space:normal;
  white-space: normal !important;
  overflow-wrap: anywhere;

}

#div_block-201-23, #div_block-206-23 {
   box-shadow: 0px 4px 4px 0px rgba(198, 198, 198, 0.25);
}

#section-52-7 .ct-section-inner-wrap, #section-2-7 .ct-section-inner-wrap,
#section-2-23 .ct-section-inner-wrap, #section-129-23 .ct-section-inner-wrap,
#section-8-23 .ct-section-inner-wrap, #section-194-23 .ct-section-inner-wrap,
#section-79-23 .ct-section-inner-wrap, #section-196-23 .ct-section-inner-wrap,
#section-219-23 .ct-section-inner-wrap, #section-236-23 .ct-section-inner-wrap,
#section-2-27 .ct-section-inner-wrap, #section-11-519 .ct-section-inner-wrap,
#section-2-519 .ct-section-inner-wrap, #section-17-308 .ct-section-inner-wrap,
#section-2-308 .ct-section-inner-wrap, #section-9-308 .ct-section-inner-wrap,
#section-64-308 .ct-section-inner-wrap, #section-28-308 .ct-section-inner-wrap,
#section-19-527 .ct-section-inner-wrap, #section-25-7 .ct-section-inner-wrap,
#section-364-7 .ct-section-inner-wrap, #section-397-7 .ct-section-inner-wrap,
#section-20-519 .ct-section-inner-wrap, #section-2-31 .ct-section-inner-wrap,
#section-12-31  .ct-section-inner-wrap, #form .ct-section-inner-wrap,
#section-452-7 .ct-section-inner-wrap, #section-2-717 .ct-section-inner-wrap,
#section-2-718 .ct-section-inner-wrap, #faq .ct-section-inner-wrap,
#section-131-23 .ct-section-inner-wrap, #section-65-519 .ct-section-inner-wrap,
#section-32-21 .ct-section-inner-wrap, #section-10-21 .ct-section-inner-wrap,
#section-55-527 .ct-section-inner-wrap, #section-58-519 .ct-section-inner-wrap,
#section-72-27 .ct-section-inner-wrap
{
  padding-left:0 !important;
  padding-right:0 !important;
}

@media(max-width:992px){
  #section-25-7 .ct-section-inner-wrap{
      padding-right:0 !important;
 }
  
  #menu-item-738 {
    margin-left:0;
  }
}
   

@media(max-width:1238px){
  .small-card{
    flex-direction:column-reverse !important;
  }
}

@media(max-width:768px){

  .btn {
    font-size:14px;
  }

  #div_block-17-7{
    left: 0;
    right: 0;

  }
  
  .round-arrow-link {
     width: 40px;
    height: 40px;
  }

  .round-arrow{
    transition: transform 0.3s ease;
    transform: translateX(20px); 
}

  .round-arrow >svg{
    width:30px !important;
  }

  #section-52-7 .ct-section-inner-wrap, #section-133-7 .ct-section-inner-wrap,
  #section-221-7 .ct-section-inner-wrap, #section-397-7 .ct-section-inner-wrap,
  #section-437-7 .ct-section-inner-wrap, #section-443-7 .ct-section-inner-wrap,
  #section-452-7 .ct-section-inner-wrap, #section-2-27 {
      padding-right:0 !important;
      padding-left:0 !important;
 }
  .oxel_back_to_top_container{
    right:10px;
  }
}#fancy_icon-22-7 {
    display: flex;
    align-items: center;
    justify-content: center;
    
    animation: arrowCirclePulse 2.4s ease-in-out infinite;
}

#fancy_icon-22-7 svg {
    animation: arrowMoveDown 1.8s ease-in-out infinite;
}


@keyframes arrowCirclePulse {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}


@keyframes arrowMoveDown {
    0%,
    100% {
        transform: translateY(-3px);
    }

    50% {
        transform: translateY(5px);
    }
}


@media (prefers-reduced-motion: reduce) {
    #fancy_icon-22-7,
    #fancy_icon-22-7 svg {
        animation: none;
    }
}

/* =========================================
   GLOBAL SLIDER ARROWS
========================================= */

.global-slider-arrows {
    display: flex;
    justify-content:center;
    gap: 15px;
}


/* =========================================
   GLOBAL ARROW
========================================= */

.global-slider-arrow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius:50%;
    width: 60px;
    height: 60px;

    cursor: pointer;
}


/* =========================================
   GLOBAL ARROW SVG
========================================= */

.global-slider-arrow svg {
    width: 48px !important;
}


/* =========================================
   GLOBAL LEFT ARROW
========================================= */

.global-arrow-left {
    transition: transform 0.3s ease;
    transform: translateX(-30px);
}


/* =========================================
   GLOBAL RIGHT ARROW
========================================= */

.global-arrow-right {
    transition: transform 0.3s ease;
    transform: translateX(30px);
}


/* =========================================
   HOVER
   ONLY THE ARROW MOVES
========================================= */

.global-slider-arrow-prev:hover .global-arrow-left {
    transform: translateX(-25px);
}

.global-slider-arrow-next:hover .global-arrow-right {
    transform: translateX(25px);
}

/* =========================================
   SLIDER ARROW COLOR VARIANTS
========================================= */

.slider-arrows-peach .global-slider-arrow {
    background: #E3B897;
}

.slider-arrows-peach .global-slider-arrow svg path {
    fill: #BA835E !important;
}


.slider-arrows-green .global-slider-arrow {
    background: #73845A !important;
}

.slider-arrows-green .global-slider-arrow svg path {
    fill: #A8BA8D !important;
}


/* =========================================
   MOBILE
   767px AND BELOW
========================================= */

@media (max-width: 767px) {

    .global-slider-arrow {
        width: 40px;
        height: 40px;
    }

    .global-slider-arrow svg {
        width: 30px !important;
    }

    .global-arrow-left {
        transform: translateX(-20px);
    }

    .global-arrow-right {
        transform: translateX(20px);
    }


    /* Move only the arrows on hover */

    .global-slider-arrow-prev:hover .global-arrow-left {
        transform: translateX(-16px);
    }

    .global-slider-arrow-next:hover .global-arrow-right {
        transform: translateX(16px);
    }

}/* =========================================
   GLOBAL POST SLIDERS
========================================= */

.global-post-slider-section {
    width: 100%;
}

.global-post-slider-section *,
.global-post-slider-section *::before,
.global-post-slider-section *::after {
    box-sizing: border-box;
}


/* =========================================
   SLIDER
========================================= */

.global-post-slider,
.blog-slider {
    width: 100%;
    position: relative;
    overflow: visible;
}


/* =========================================
   BLOG VIEWPORT
========================================= */

.blog-slider-viewport {
    width: 100%;

    overflow: hidden;

    padding-top: 20px;
    padding-bottom: 20px;

    margin-top: -20px;
    margin-bottom: -20px;
}


/* =========================================
   TRACK
========================================= */

.global-post-slider-track,
.blog-slider-track {
    width: 100%;

    display: flex;
    align-items: stretch;

    gap: 3%;

    overflow: visible;

    transition: transform 0.55s ease;
    will-change: transform;
}


/* =========================================
   CARDS
========================================= */

.global-post-slider-card,
.blog-slider-card {
    flex: 0 0 31.333333%;
    width: 31.333333%;
    min-width: 31.333333%;

    background: #FBF7F2;

    border-radius: 24px !important;
    overflow: hidden !important;

    display: flex;
    flex-direction: column;

    flex-shrink: 0;

    box-shadow: 0 1px 3px rgba(42, 42, 42, 0.12);
}


/* =========================================
   FIRST CARD
========================================= */

.blog-slider-card-first,
.global-post-slider-card-first {
    margin-top: -20px;
    margin-bottom: -20px;

    border-radius: 24px !important;
    overflow: hidden !important;
}


/* =========================================
   CARD IMAGE
========================================= */

.global-post-slider-image,
.blog-slider-image {
    display: block;

    width: 100%;

    aspect-ratio: 1.45 / 1;

    overflow: hidden;

    flex-shrink: 0;

    border-radius: 24px 24px 0 0 !important;
}


.global-post-slider-image img,
.blog-slider-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    border-radius: 0 !important;

    transition: transform 0.4s ease;
}


.global-post-slider-image:hover img,
.blog-slider-image:hover img {
    transform: scale(1.03);
}


/* =========================================
   CONTENT
========================================= */

.global-post-slider-content,
.blog-slider-content {
    flex: 1;

    padding: 30px 30px 34px;

    display: flex;
    flex-direction: column;
}


/* =========================================
   TITLE
========================================= */

.global-post-slider-title,
.blog-slider-title {
    margin: 0 0 20px;

    font-family: inherit;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;

    color: #BA835E;
}


.global-post-slider-title a,
.blog-slider-title a {
    color: inherit;
    text-decoration: none;
}


/* =========================================
   TEXT
========================================= */

.global-post-slider-text,
.blog-slider-text {
    font-family: inherit;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;

    color: #7A6A5A;
}


.global-post-slider-text p,
.blog-slider-text p {
    margin: 0;
}


/* =========================================
   BOTTOM
========================================= */

.global-post-slider-bottom,
.blog-slider-bottom {
    margin-top: auto;

    padding-top: 28px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* =========================================
   DATE
========================================= */

.global-post-slider-date,
.blog-slider-date {
    font-family: inherit;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;

    color: #B0A090;
}


/* =========================================
   LINK
========================================= */

.global-post-slider-link,
.blog-slider-link {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    font-family: inherit;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;

    color: #73845A;

    text-decoration: none;
}


.global-post-slider-link span,
.blog-slider-link span {
    font-size: 18px;
    line-height: 1;

    transition: transform 0.25s ease;
}


.global-post-slider-link:hover span,
.blog-slider-link:hover span {
    transform: translateX(4px);
}


/* =========================================
   SLIDER ARROWS
========================================= */

.global-post-slider .global-slider-arrows,
.blog-slider .global-slider-arrows {
    margin-top: 30px;

    position: relative;
    z-index: 10;

    justify-content: center;
}


/* =========================================
   PEACH ARROWS
========================================= */

.slider-arrows-peach .global-slider-arrow {
    background: #E3B897;
}

.slider-arrows-peach .global-slider-arrow svg path {
    fill: #BA835E !important;
}


/* =========================================
   GREEN ARROWS
========================================= */

.slider-arrows-green .global-slider-arrow {
    background: #73845A;
}

.slider-arrows-green .global-slider-arrow svg path {
    fill: #A8BA8D !important;
}


/* =========================================
   GLOBAL CONTENT FILTER
========================================= */

.global-content-filter {
    width: 100%;

    display: flex;
    align-items: center;

    gap: 18px;

    flex-wrap: nowrap;
}


/* =========================================
   FILTER BUTTONS
========================================= */

.global-content-filter-buttons {
    display: flex;
    align-items: center;

    gap: 18px;

    flex-wrap: nowrap;

    min-width: 0;
}


.global-content-filter .global-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 36px;

    padding: 0 20px;

    border: 1px solid currentColor;
    border-radius: 50px;

    background: transparent;

    font-family: inherit;

    font-size: 12px;
    line-height: 1;
    font-weight: 600;

    white-space: nowrap;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}


/* =========================================
   GREEN FILTER
========================================= */

.global-filters-green .global-filter {
    color: #A8BA8D;
    border-color: #A8BA8D;
}


.global-filters-green .global-filter.active {
    background: #A8BA8D;
    border-color: #A8BA8D;

    color: #FFFFFF;
}


/* =========================================
   PEACH FILTER
========================================= */

.global-filters-peach .global-filter {
    color: #E3B897;
    border-color: #E3B897;
}


.global-filters-peach .global-filter.active {
    background: #E3B897;
    border-color: #E3B897;

    color: #FFFFFF;
}


/* =========================================
   FILTER HOVER
========================================= */

.global-filters-green .global-filter:hover {
    background: #A8BA8D;
    border-color: #A8BA8D;

    color: #FFFFFF;
}


.global-filters-peach .global-filter:hover {
    background: #E3B897;
    border-color: #E3B897;

    color: #FFFFFF;
}


/* =========================================
   FILTER LINK
========================================= */

.global-content-filter-link {
    margin-left: auto;

    display: inline-flex;
    align-items: center;

    gap: 5px;

    flex-shrink: 0;

    font-family: inherit;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;

    color: currentColor;

    text-decoration: none;

    white-space: nowrap;
}


.global-content-filter-link span {
    font-size: 16px;
    line-height: 1;

    transition: transform 0.25s ease;
}


.global-content-filter-link:hover span {
    transform: translateX(4px);
}


/* =========================================
   GREEN FILTER LINK
========================================= */

.global-filters-green .global-content-filter-link {
    color: #73845A;
}


/* =========================================
   PEACH FILTER LINK
========================================= */

.global-filters-peach .global-content-filter-link {
    color: #BA835E;
}


/* =========================================
   EMPTY FILTER STATE
========================================= */

.global-slider-empty {
    display: none;

    margin: 0;

    padding: 40px 0;

    font-family: inherit;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;

    color: #BA835E;
}


/* =========================================
   TABLET
   768px - 1100px
========================================= */

@media (max-width: 1100px) {

    .global-post-slider-track,
    .blog-slider-track {
        gap: 3%;
    }


    .global-post-slider-card,
    .blog-slider-card {
        flex: 0 0 calc((100% - 3%) / 2);

        width: calc((100% - 3%) / 2);

        min-width: calc((100% - 3%) / 2);
    }


    .global-post-slider-content,
    .blog-slider-content {
        padding: 26px 32px 30px;
    }


    .global-post-slider-title,
    .blog-slider-title {
        font-size: 18px;
    }


    .global-post-slider-text,
    .blog-slider-text {
        font-size: 13px;
    }


    .global-post-slider-bottom,
    .blog-slider-bottom {
        padding-top: 24px;
    }


    /* Filters */

    .global-content-filter {
        gap: 12px;

        overflow: visible;
    }


    .global-content-filter-buttons {
        gap: 12px;

        overflow-x: auto;
        overflow-y: hidden;

        scrollbar-width: none;
        -ms-overflow-style: none;
    }


    .global-content-filter-buttons::-webkit-scrollbar {
        display: none;
    }


    .global-content-filter .global-filter {
        flex-shrink: 0;

        padding: 0 17px;
    }

}


/* =========================================
   MOBILE
   0 - 767px
========================================= */

@media (max-width: 767px) {

    .global-post-slider,
    .blog-slider {
        overflow: hidden;
    }


    .blog-slider-viewport {
        padding-top: 0;
        padding-bottom: 0;

        margin-top: 0;
        margin-bottom: 0;
    }


    .global-post-slider-track,
    .blog-slider-track {
        gap: 15px;
    }


    .global-post-slider-card,
    .blog-slider-card {
        flex: 0 0 100%;

        width: 100%;

        min-width: 100%;
    }


    .blog-slider-card-first,
    .global-post-slider-card-first {
        margin-top: 0;
        margin-bottom: 0;

        border-radius: 24px !important;
    }


    .global-post-slider-content,
    .blog-slider-content {
        padding: 25px 25px 28px;
    }


    .global-post-slider-title,
    .blog-slider-title {
        font-size: 20px;
    }


    .global-post-slider-text,
    .blog-slider-text {
        font-size: 14px;
    }


    .global-post-slider-bottom,
    .blog-slider-bottom {
        padding-top: 25px;
    }


    .global-post-slider .global-slider-arrows,
    .blog-slider .global-slider-arrows {
        margin-top: 30px;

        justify-content: center;
    }


    /* Filters */

    .global-content-filter {
        display: flex;

        flex-direction: column;
        align-items: flex-start;

        gap: 15px;

        overflow: visible;
    }


    .global-content-filter-buttons {
        width: 100%;

        gap: 10px;

        overflow-x: auto;
        overflow-y: hidden;

        padding-bottom: 5px;

        scrollbar-width: none;
        -ms-overflow-style: none;
    }


    .global-content-filter-buttons::-webkit-scrollbar {
        display: none;
    }


    .global-content-filter .global-filter {
        min-height: 34px;

        padding: 0 16px;

        font-size: 11px;
    }


    .global-content-filter-link {
        margin-left: 0;
    }

}

/* =========================================
   GLOBAL CONTENT FILTER
========================================= */

.global-content-filter {
    width: 100%;

    display: flex;
    align-items: center;
    gap: 18px;

    min-width: 0;
}


/* =========================================
   FILTER BUTTONS WRAPPER
========================================= */

.global-content-filter-buttons {
    display: flex;
    align-items: center;
    gap: 18px;

    flex: 1 1 auto;
    min-width: 0;

    flex-wrap: nowrap;
}


/* =========================================
   FILTER BUTTON
========================================= */

.global-content-filter .global-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    min-height: 36px;
    padding: 0 20px;

    border: 1px solid currentColor;
    border-radius: 50px;

    background: transparent;

    font-family: inherit;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;

    white-space: nowrap;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}


/* =========================================
   GREEN FILTER
========================================= */

.global-filters-green .global-filter {
    color: #A8BA8D;
    border-color: #A8BA8D;
}

.global-filters-green .global-filter.active {
    background: #A8BA8D;
    border-color: #A8BA8D;
    color: #FFFFFF;
}


/* =========================================
   PEACH FILTER
========================================= */

.global-filters-peach .global-filter {
    color: #E3B897;
    border-color: #E3B897;
}

.global-filters-peach .global-filter.active {
    background: #E3B897;
    border-color: #E3B897;
    color: #FFFFFF;
}


/* =========================================
   HOVER
========================================= */

.global-filters-green .global-filter:hover {
    background: #A8BA8D;
    border-color: #A8BA8D;
    color: #FFFFFF;
}

.global-filters-peach .global-filter:hover {
    background: #E3B897;
    border-color: #E3B897;
    color: #FFFFFF;
}


/* =========================================
   FILTER LINK
========================================= */

.global-content-filter-link {
    margin-left: auto;

    display: inline-flex;
    align-items: center;
    gap: 5px;

    flex: 0 0 auto;

    font-family: inherit;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;

    color: currentColor;
    text-decoration: none;

    white-space: nowrap;
}

.global-content-filter-link span {
    font-size: 16px;
    line-height: 1;

    transition: transform 0.25s ease;
}

.global-content-filter-link:hover span {
    transform: translateX(4px);
}

/* =========================================
   RESPONSIVE FILTERS
========================================= */

@media (max-width: 1100px) {

    .global-content-filter {
        width: 100%;
        min-width: 0;

        align-items: flex-start;
        flex-wrap: wrap;

        gap: 12px;
    }

    .global-content-filter-buttons {
        display: flex;
        align-items: center;

        flex: 1 1 auto;
        min-width: 0;

        flex-wrap: wrap;

        gap: 12px;
    }

    .global-content-filter .global-filter {
        flex: 0 0 auto;
        white-space: nowrap;

        padding: 0 17px;
    }

    .global-content-filter-link {
        flex: 0 0 auto;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .global-content-filter {
        width: 100%;

        display: flex;
        flex-direction: column;
        align-items: flex-start;

        gap: 14px;
    }

    .global-content-filter-buttons {
        width: 100%;

        display: flex;
        flex-wrap: wrap;

        gap: 10px;
    }

    .global-content-filter .global-filter {
        min-height: 34px;
        padding: 0 16px;

        font-size: 11px;
        white-space: nowrap;
    }

    .global-content-filter-link {
        margin-left: 0;
    }
}/* =========================================
   BLOG SECTION
========================================= */

.nut-blog-section {
    width: 100%;
}


/* =========================================
   BLOG GRID
========================================= */

.nut-blog-grid {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 30px;
}


/* =========================================
   CARD
   Same design as slider card
========================================= */

.nut-blog-card {
    width: 100%;
    min-width: 0;

    background: #FBF7F2;

    border-radius: 24px !important;
    overflow: hidden !important;

    display: flex;
    flex-direction: column;

    flex-shrink: 0;

    box-sizing: border-box;

    box-shadow: 0 1px 3px rgba(42, 42, 42, 0.12);
}


/* =========================================
   IMAGE
========================================= */

.nut-blog-card-image {
    display: block;

    width: 100%;

    aspect-ratio: 1.45 / 1;

    overflow: hidden;

    flex-shrink: 0;

    border-radius: 24px 24px 0 0 !important;
}


.nut-blog-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    border-radius: 0 !important;

    transition: transform 0.4s ease;
}


.nut-blog-card-image:hover img {
    transform: scale(1.03);
}


/* =========================================
   CONTENT
========================================= */

.nut-blog-card-content {
    flex: 1;

    padding: 30px 30px 34px;

    display: flex;
    flex-direction: column;

    box-sizing: border-box;
}


/* =========================================
   TITLE
========================================= */

.nut-blog-card-title {
    margin: 0 0 20px;

    font-family: inherit;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;

    color: #BA835E;
}


.nut-blog-card-title a {
    color: inherit;
    text-decoration: none;
}


/* =========================================
   TEXT
========================================= */

.nut-blog-card-text {
    font-family: inherit;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;

    color: #7A6A5A;
}


.nut-blog-card-text p {
    margin: 0;
}


/* =========================================
   BOTTOM
========================================= */

.nut-blog-card-bottom {
    margin-top: auto;

    padding-top: 28px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* =========================================
   DATE
========================================= */

.nut-blog-card-date {
    font-family: inherit;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;

    color: #B0A090;
}


/* =========================================
   LINK
========================================= */

.nut-blog-card-link {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    font-family: inherit;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;

    color: #73845A;

    text-decoration: none;
}


.nut-blog-card-link span {
    font-size: 18px;
    line-height: 1;

    transition: transform 0.25s ease;
}


.nut-blog-card-link:hover span {
    transform: translateX(4px);
}


/* =========================================
   PAGINATION
========================================= */

.nut-blog-pagination {
    width: 100%;

    margin-top: 50px;

    display: flex;
    justify-content: center;
}


.nut-blog-pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    margin: 0;
    padding: 0;

    list-style: none;
}


.nut-blog-pagination li {
    margin: 0;
    padding: 0;
}


.nut-blog-pagination a,
.nut-blog-pagination span {
    min-width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 10px;

    box-sizing: border-box;

    border-radius: 50%;

    font-family: inherit;

    font-size: 13px;
    line-height: 1;

    color: #73845A;

    text-decoration: none;
}


.nut-blog-pagination a:hover {
    background: #D0E2B9;
}


.nut-blog-pagination .current {
    background: #73845A;

    color: #FFFFFF;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

    .nut-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 24px;
    }


    .nut-blog-card-content {
        padding: 26px 32px 30px;
    }


    .nut-blog-card-title {
        font-size: 18px;
    }


    .nut-blog-card-text {
        font-size: 13px;
    }


    .nut-blog-card-bottom {
        padding-top: 24px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .nut-blog-grid {
        grid-template-columns: 1fr;

        gap: 20px;
    }


    .nut-blog-card-content {
        padding: 25px 25px 28px;
    }


    .nut-blog-card-title {
        font-size: 20px;
    }


    .nut-blog-card-text {
        font-size: 14px;
    }


    .nut-blog-card-bottom {
        padding-top: 25px;
    }


    .nut-blog-pagination {
        margin-top: 35px;
    }

}


/* =========================================================
   =========================================================
   EXPERT / CORPORATE / REGULAR NUTRITION FORM
   Shared base styles
   =========================================================
   ========================================================= */


/* =========================================================
   MAIN FORM WRAPPER
========================================================= */

.nutrition-cf7-form.expert-assessment-form {

    width: 100%;
    max-width: 100%;

    margin: 0 auto;

    background: #FBFCFB;

    border-radius: 28px;

    overflow: hidden;

    box-sizing: border-box;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.05);
}


/* =========================================================
   BOX SIZING
   Prevent inputs from overflowing
========================================================= */

.nutrition-cf7-form.expert-assessment-form,
.nutrition-cf7-form.expert-assessment-form *,
.nutrition-cf7-form.expert-assessment-form *::before,
.nutrition-cf7-form.expert-assessment-form *::after {

    box-sizing: border-box;
}


/* =========================================================
   CF7 DEFAULT PARAGRAPH RESET
========================================================= */

.nutrition-cf7-form.expert-assessment-form p {

    margin: 0 !important;
    padding: 0 !important;
}


/* Remove unwanted line breaks generated by CF7 */

.nutrition-cf7-form.expert-assessment-form label br {

    display: none;
}


/* =========================================================
   CF7 FIELD WRAPPER
========================================================= */

.nutrition-cf7-form.expert-assessment-form
.wpcf7-form-control-wrap {

    display: block;

    width: 100%;
    max-width: 100%;

    margin: 0;
}


/* =========================================================
   FORM HEADER
   Used by Expert Assessment / Corporate
========================================================= */

.nutrition-cf7-form.expert-assessment-form
.expert-assessment-header {

    width: 100%;

    padding: 18px 20px;

    background: #EEE1D4;

    border-bottom: 1px solid rgba(186, 131, 94, 0.18);

    box-sizing: border-box;


    font-size: 23px;
    line-height: 1.25;

     font-weight:600;
     font-family: Noto Serif;

    color: #BA835E;
}


/* Reset CF7 paragraph inside header */

.nutrition-cf7-form.expert-assessment-form
.expert-assessment-header p {

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   FORM FIELDS
========================================================= */

.nutrition-cf7-form.expert-assessment-form
.expert-assessment-field {

    width: calc(100% - 40px);

    margin: 20px 20px 0;

    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   FIELD LABELS
========================================================= */

.nutrition-cf7-form.expert-assessment-form
.expert-assessment-field label {

    display: block;

    width: 100%;

    margin: 0 0 8px;

    padding: 0;


    font-size: 13px;
    line-height: 1.3;

    font-weight: 600;

    color: #2A2A2A;
}


/* =========================================================
   INPUTS / SELECT / TEXTAREA
========================================================= */

.nutrition-cf7-form.expert-assessment-form
input[type="text"],
.nutrition-cf7-form.expert-assessment-form
input[type="email"],
.nutrition-cf7-form.expert-assessment-form
input[type="number"],
.nutrition-cf7-form.expert-assessment-form
select,
.nutrition-cf7-form.expert-assessment-form
textarea {

    display: block;

    width: 100%;
    max-width: 100%;

    margin: 0;

    box-sizing: border-box;

    border: 1px solid #E8DED4;

    border-radius: 12px;

    background: #FFFFFF;

    color: #6B625C;


    font-size: 14px;

    line-height: 1.4;

    outline: none;

    box-shadow: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* =========================================================
   TEXT / EMAIL / NUMBER INPUTS
========================================================= */

.nutrition-cf7-form.expert-assessment-form
input[type="text"],
.nutrition-cf7-form.expert-assessment-form
input[type="email"],
.nutrition-cf7-form.expert-assessment-form
input[type="number"] {

    height: 46px;

    padding: 0 14px;
}


/* =========================================================
   SELECT
========================================================= */

.nutrition-cf7-form.expert-assessment-form
select {

    height: 46px;

    padding: 0 38px 0 14px;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    background-color: #FFFFFF;

    background-image:
        linear-gradient(45deg, transparent 50%, #2A2A2A 50%),
        linear-gradient(135deg, #2A2A2A 50%, transparent 50%);

    background-position:
        calc(100% - 16px) 20px,
        calc(100% - 12px) 20px;

    background-size:
        4px 4px,
        4px 4px;

    background-repeat: no-repeat;
}


/* =========================================================
   TEXTAREA
========================================================= */

.nutrition-cf7-form.expert-assessment-form
textarea {

    min-height: 120px;

    padding: 13px 14px;

    resize: vertical;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.nutrition-cf7-form.expert-assessment-form
input::placeholder,
.nutrition-cf7-form.expert-assessment-form
textarea::placeholder {

    color: #8A817A;

    opacity: 1;
}


/* =========================================================
   FOCUS STATE
========================================================= */

.nutrition-cf7-form.expert-assessment-form
input:focus,
.nutrition-cf7-form.expert-assessment-form
select:focus,
.nutrition-cf7-form.expert-assessment-form
textarea:focus {

    border-color: #BA835E;

    box-shadow:
        0 0 0 2px rgba(186, 131, 94, 0.08);
}


/* =========================================================
   =========================================================
   CORPORATE FORM
   ID: #korporativno-zdravlje
   =========================================================
   ========================================================= */


/* =========================================================
   COMPANY + EMPLOYEES ROW
========================================================= */



#korporativno-zdravlje .expert-assessment-row {

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: 18px;

    width: calc(100% - 40px);

    margin: 20px 20px 0;

    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   CORPORATE ROW FIELDS
   Remove internal margins
========================================================= */

#korporativno-zdravlje .expert-assessment-row
.expert-assessment-field {

    width: 100%;

    min-width: 0;

    margin: 0;

    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   CORPORATE ROW CF7 WRAPPER
========================================================= */

#korporativno-zdravlje .expert-assessment-row
.wpcf7-form-control-wrap {

    display: block;

    width: 100%;
    max-width: 100%;

    margin: 0;
}


/* =========================================================
   CORPORATE ROW INPUTS
========================================================= */

#korporativno-zdravlje .expert-assessment-row
input[type="text"] {

    display: block;

    width: 100%;
    max-width: 100%;

    margin: 0;

    box-sizing: border-box;
}


/* =========================================================
   CORPORATE HEADER
========================================================= */

#korporativno-zdravlje
.expert-assessment-header {

    background: #EEE1D4;

    padding-bottom:30px;
}

/* =========================================================
   =========================================================
   EXPERT ASSESSMENT FORM
   ID: #klinički-nutricionizam
   =========================================================
   ========================================================= */

#klinički-nutricionizam {

    width: 100%;
    max-width: 100%;
}


/* Expert Assessment header */

#klinički-nutricionizam
.expert-assessment-header {

    background: #EEE1D4;
    font-weight:600;
}


/* =========================================================
   =========================================================
   SUBMIT AREA
   Expert / Corporate / Regular Nutrition Forms
   =========================================================
   ========================================================= */

.nutrition-cf7-form.expert-assessment-form
.expert-assessment-actions {

    display: flex;

    align-items: center;

    width: calc(100% - 40px);

    margin: 20px 20px 22px;

    padding: 0;

    box-sizing: border-box;
}


/* CF7 paragraph inside submit area */

.nutrition-cf7-form.expert-assessment-form
.expert-assessment-actions p {

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   SUBMIT BUTTON
   Standard CF7 input
========================================================= */

.nutrition-cf7-form.expert-assessment-form
.expert-assessment-actions
input[type="submit"] {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: auto;

    min-width: 195px;

    height: 46px;

    margin: 0;

    padding: 0 22px;

    border: 0;

    border-radius: 25px;

    background: #BA835E;

    color: #FFFFFF;


    font-size: 13px;
    line-height: 1;

    font-weight: 600;

    cursor: pointer;

    box-shadow: none;

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   HTML BUTTON SUBMIT
   Used when SVG arrow is inside the button
========================================================= */

.nutrition-cf7-form.expert-assessment-form
.expert-assessment-actions
button.wpcf7-submit {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    width: auto;

    min-width: 195px;

    height: 46px;

    margin: 0;

    padding: 0 22px;

    border: 0;

    border-radius: 25px;

    background: #BA835E;

    color: #FFFFFF;

    font-size: 13px;
    line-height: 1;

    font-weight: 600;

    cursor: pointer;

    box-shadow: none;

    transition:
        background 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   SUBMIT HOVER
========================================================= */

.nutrition-cf7-form.expert-assessment-form
.expert-assessment-actions
input[type="submit"]:hover,

.nutrition-cf7-form.expert-assessment-form
.expert-assessment-actions
button.wpcf7-submit:hover {

    background: #A96F4B;

    transform: translateY(-1px);
}


/* =========================================================
   BUTTON ARROW
   Used by HTML submit buttons
========================================================= */

.nutrition-cf7-form.expert-assessment-form
.btn-arrow {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 24px;
    height: 14px;

    flex-shrink: 0;

    transition:
        transform 0.25s ease;
}


.nutrition-cf7-form.expert-assessment-form
.btn-arrow svg {

    display: block;

    width: 24px;
    height: 14px;
}


/* Arrow hover */

.nutrition-cf7-form.expert-assessment-form
button:hover
.btn-arrow {

    transform: translateX(3px);
}


/* =========================================================
   CF7 SPINNER
========================================================= */

.nutrition-cf7-form.expert-assessment-form
.expert-assessment-actions
.wpcf7-spinner {

    margin: 0 0 0 8px;
}


/* =========================================================
   VALIDATION
========================================================= */

.nutrition-cf7-form.expert-assessment-form
.wpcf7-not-valid {

    border-color: #D96C63 !important;
}


.nutrition-cf7-form.expert-assessment-form
.wpcf7-not-valid-tip {

    display: block;

    margin-top: 6px;

    font-size: 12px;

    line-height: 1.3;

    color: #D96C63;
}


/* =========================================================
   CF7 RESPONSE MESSAGE
========================================================= */

.nutrition-cf7-form.expert-assessment-form
~ .wpcf7-response-output {

    margin: 15px 20px;

    padding: 10px 12px;

    border-radius: 8px;

    font-size: 12px;
}


/* =========================================================
   CORPORATE FORM - SUBMIT BUTTON
========================================================= */

#korporativno-zdravlje .expert-assessment-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    width: auto;
    min-width: 265px;
    height: 50px;

    padding: 0 26px;

    border: none;
    border-radius: 999px;

    background: #C28A63;
    color: #fff;

    font-size: 14px;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    box-sizing: border-box;

    transition:
        background-color 0.3s ease,
        transform 0.3s ease;
    margin-top:20px;
    margin-bottom:30px;
    margin-left:20px;
}


/* =========================================================
   SUBMIT BUTTON - ARROW
========================================================= */

#korporativno-zdravlje .expert-assessment-submit .btn-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    flex-shrink: 0;
}


#korporativno-zdravlje .expert-assessment-submit .btn-arrow svg {
    display: block;

    width: 18px;
    height: 18px;

    overflow: visible;
}


/* =========================================================
   SUBMIT BUTTON - HOVER
========================================================= */

#korporativno-zdravlje .expert-assessment-submit:hover {
    background: #AE7450;
    transform: translateY(-1px);
}


/* =========================================================
   SUBMIT BUTTON - FOCUS
========================================================= */

#korporativno-zdravlje .expert-assessment-submit:focus {
    outline: none;
}

/* =========================================================
   EXPERT ASSESSMENT - BUTTONS
========================================================= */

#klinički-nutricionizam
.expert-assessment-actions {

    display: flex;

    align-items: flex-start;
    justify-content: flex-start;

    gap: 15px;

    width: calc(100% - 40px);

    margin: 20px 20px 22px;

    padding: 0;

    box-sizing: border-box;
}


/* =========================================================
   MAIN SUBMIT BUTTON
========================================================= */

#klinički-nutricionizam
.expert-assessment-submit {

    width: auto;
    min-width: 207px;

    height: 45px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 4px;

    padding: 0 10px;

    border: 1px solid #BA835E;
    border-radius: 32px;

    background: #BA835E;
    color: #FFFFFF;

    font-family: inherit;

    font-size: 14px;
    font-weight: 600;

    line-height: 1;

    cursor: pointer;

    box-sizing: border-box;

    box-shadow: none;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   MAIN SUBMIT HOVER
========================================================= */

#klinički-nutricionizam
.expert-assessment-submit:hover {

    background: #A96F4B;
    border-color: #A96F4B;

    transform: translateY(-1px);
}


/* =========================================================
   COOPERATION BUTTON
========================================================= */

#klinički-nutricionizam
.expert-assessment-cooperation {

    width: auto;
    min-width: 207px;

    height: 45px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 4px;

    padding: 0 10px;

    border: 1px solid #BA835E;
    border-radius: 32px;

    background: transparent;
    color: #BA835E;

    font-family: inherit;

    font-size: 14px;
    font-weight: 600;

    line-height: 1;

    cursor: pointer;

    box-sizing: border-box;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   COOPERATION HOVER
========================================================= */

#klinički-nutricionizam
.expert-assessment-cooperation:hover {

    background: #F7EEE7;

    color: #BA835E;

    border-color: #BA835E;

    transform: translateY(-1px);
}


/* =========================================================
   BUTTON TEXT
========================================================= */

#klinički-nutricionizam
.expert-assessment-button-text {

    display: inline-block;

    white-space: nowrap;
}


/* =========================================================
   BUTTON ARROW
========================================================= */

#klinički-nutricionizam
.expert-assessment-actions
.btn-arrow {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 18px;
    height: 14px;

    flex: 0 0 18px;

    transition:
        transform 0.25s ease;
}


/* =========================================================
   BUTTON ARROW SVG
========================================================= */

#klinički-nutricionizam
.expert-assessment-actions
.btn-arrow svg {

    display: block;

    width: 18px;
    height: 18px;

    flex-shrink: 0;

    overflow: visible;
}


/* =========================================================
   ARROW HOVER
========================================================= */

#klinički-nutricionizam
.expert-assessment-submit:hover
.btn-arrow,

#klinički-nutricionizam
.expert-assessment-cooperation:hover
.btn-arrow {

    transform: translateX(4px);
}


/* =========================================================
   REMOVE CF7 DEFAULT PARAGRAPH EFFECT
========================================================= */

#klinički-nutricionizam
.expert-assessment-actions > p {

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    #klinički-nutricionizam
    .expert-assessment-actions {

        gap: 12px;

        flex-wrap: wrap;
    }


    #klinički-nutricionizam
    .expert-assessment-submit {

        width: 145px;
        min-width: 145px;

        height: 46px;

        padding: 0 15px;

        font-size: 14px;
    }


    #klinički-nutricionizam
    .expert-assessment-cooperation {

        width: 215px;
        min-width: 215px;

        height: 46px;

        padding: 0 12px;

        font-size: 14px;
    }


    #klinički-nutricionizam
    .expert-assessment-actions
    .btn-arrow {

        width: 20px;
        height: 14px;

        flex-basis: 20px;
    }


    #klinički-nutricionizam
    .expert-assessment-actions
    .btn-arrow svg {

        width: 20px;
        height: 14px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    #klinički-nutricionizam
    .expert-assessment-actions {

        flex-direction: column;

        align-items: stretch;

        gap: 10px;
    }


    #klinički-nutricionizam
    .expert-assessment-submit,
    #klinički-nutricionizam
    .expert-assessment-cooperation {

        width: 100%;
        min-width: 0;
    }

}


/* =========================================================
   SUBMIT BUTTON - MOBILE
========================================================= */

@media (max-width: 767px) {

    #korporativno-zdravlje .expert-assessment-submit {

        min-width: 0;
        width: auto;

        height: 46px;

        padding: 0 22px;

        font-size: 14px;

    }

    #korporativno-zdravlje .expert-assessment-submit .btn-arrow {
        width: 17px;
        height: 17px;
    }

    #korporativno-zdravlje .expert-assessment-submit .btn-arrow svg {
        width: 17px;
        height: 17px;
    }

}


/* =========================================================
   =========================================================
   B2B CONTACT FORM
   Class: .b2b-contact-form
   =========================================================
   ========================================================= */




/* =========================================================
   =========================================================
   MOBILE
   Expert / Corporate / Regular Nutrition Forms
   =========================================================
   ========================================================= */

@media (max-width: 767px) {


    /* -----------------------------------------
       FORM CONTAINER
    ------------------------------------------ */

    .nutrition-cf7-form.expert-assessment-form {

        max-width: 100%;

        border-radius: 22px;
    }


    /* -----------------------------------------
       HEADER
    ------------------------------------------ */

    .nutrition-cf7-form.expert-assessment-form
    .expert-assessment-header {

        padding: 16px 18px;

        font-size: 21px;

        line-height: 1.25;
    }


    /* -----------------------------------------
       FIELDS
    ------------------------------------------ */

    .nutrition-cf7-form.expert-assessment-form
    .expert-assessment-field {

        width: calc(100% - 32px);

        margin-left: 16px;
        margin-right: 16px;

        margin-top: 18px;
    }


    /* -----------------------------------------
       CORPORATE COMPANY + EMPLOYEES
    ------------------------------------------ */

    #korporativno-zdravlje .expert-assessment-row {

        width: calc(100% - 32px);

        margin-left: 16px;
        margin-right: 16px;

        grid-template-columns:
            minmax(0, 1fr);

        gap: 18px;
    }


    /* Remove margins inside row */

    #korporativno-zdravlje .expert-assessment-row
    .expert-assessment-field {

        width: 100%;

        margin: 0;

        padding: 0;
    }


    /* -----------------------------------------
       LABEL
    ------------------------------------------ */

    .nutrition-cf7-form.expert-assessment-form
    .expert-assessment-field label {

        font-size: 13px;

        margin-bottom: 7px;
    }


    /* -----------------------------------------
       INPUTS
    ------------------------------------------ */

    .nutrition-cf7-form.expert-assessment-form
    input[type="text"],
    .nutrition-cf7-form.expert-assessment-form
    input[type="email"],
    .nutrition-cf7-form.expert-assessment-form
    input[type="number"],
    .nutrition-cf7-form.expert-assessment-form
    select {

        width: 100%;
        max-width: 100%;

        height: 45px;

        font-size: 14px;
    }


    /* -----------------------------------------
       TEXTAREA
    ------------------------------------------ */

    .nutrition-cf7-form.expert-assessment-form
    textarea {

        width: 100%;
        max-width: 100%;

        min-height: 115px;

        font-size: 14px;
    }


    /* -----------------------------------------
       SUBMIT AREA
    ------------------------------------------ */

    .nutrition-cf7-form.expert-assessment-form
    .expert-assessment-actions {

        width: calc(100% - 32px);

        margin-left: 16px;
        margin-right: 16px;

        margin-top: 20px;

        margin-bottom: 20px;
    }


    /* -----------------------------------------
       SUBMIT BUTTON
    ------------------------------------------ */

    .nutrition-cf7-form.expert-assessment-form
    .expert-assessment-actions
    input[type="submit"],
    .nutrition-cf7-form.expert-assessment-form
    .expert-assessment-actions
    button.wpcf7-submit {

        min-width: 0;

        width: auto;

        height: 46px;

        padding: 0 20px;

        font-size: 13px;
    }


    /* =====================================================
       B2B FORM - MOBILE
    ===================================================== */

    .b2b-contact-form {

        max-width: 100%;

        padding: 22px 16px;

        border-radius: 22px;
    }


    /* B2B fields */

    .b2b-contact-form
    .b2b-form-field {

        margin-bottom: 18px;
    }


    /* B2B inputs */

    .b2b-contact-form
    input[type="text"],
    .b2b-contact-form
    input[type="email"],
    .b2b-contact-form
    input[type="number"],
    .b2b-contact-form
    select {

        height: 45px;

        font-size: 14px;
    }


    /* B2B textarea */

    .b2b-contact-form
    textarea {

        min-height: 115px;

        font-size: 14px;
    }


    /* B2B submit */

    .b2b-contact-form
    .b2b-submit-button {

        min-width: 0;

        width: auto;

        height: 46px;

        padding: 0 20px;

        font-size: 13px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {


    /* =====================================================
       EXPERT / CORPORATE / REGULAR FORM
    ===================================================== */

    .nutrition-cf7-form.expert-assessment-form {

        border-radius: 20px;
    }


    /* -----------------------------------------
       HEADER
    ------------------------------------------ */

    .nutrition-cf7-form.expert-assessment-form
    .expert-assessment-header {

        padding: 15px 16px;

        font-size: 20px;
    }


    /* -----------------------------------------
       FIELDS
    ------------------------------------------ */

    .nutrition-cf7-form.expert-assessment-form
    .expert-assessment-field {

        width: calc(100% - 28px);

        margin-left: 14px;
        margin-right: 14px;

        margin-top: 17px;
    }


    /* -----------------------------------------
       CORPORATE ROW
    ------------------------------------------ */

    #korporativno-zdravlje .expert-assessment-row {

        width: calc(100% - 28px);

        margin-left: 14px;
        margin-right: 14px;

        gap: 17px;
    }


    /* -----------------------------------------
       SUBMIT
    ------------------------------------------ */

    .nutrition-cf7-form.expert-assessment-form
    .expert-assessment-actions {

        width: calc(100% - 28px);

        margin-left: 14px;
        margin-right: 14px;

        margin-bottom: 18px;
    }


    /* =====================================================
       B2B FORM - SMALL MOBILE
    ===================================================== */

    .b2b-contact-form {

        padding: 20px 14px;

        border-radius: 20px;
    }


    .b2b-contact-form
    .b2b-form-field {

        margin-bottom: 17px;
    }


    .b2b-contact-form
    .b2b-form-submit {

        margin-top: 18px;
    }


    .b2b-contact-form
    .b2b-submit-button {

        padding: 0 18px;

        font-size: 13px;
    }

}


/***** CONTACT FORM - CONTACT PAGE ******/

/* =========================================
   CONTACT PAGE - B2B FORM OVERRIDES
========================================= */


textarea::placeholder {
   font-family: Noto Serif !important;
}


#form .b2b-contact-form {
    background:#D0E2B94A;
}

#form .b2b-contact-form::before{
  color:#73845A;
}

#form input {
   border: 1px solid #D0E2B9;
}

#form .b2b-form-field select{
  border: 1px solid #D0E2B9;
}

#form .b2b-form-field textarea{
   border: 1px solid #D0E2B9;
}

#form .b2b-form-field input:focus{
  border-color:#73845A;
}

#form .b2b-form-field select:focus{
  border-color:#73845A;
}

#form .b2b-form-field textarea:focus{
  border-color:#73845A;
}

#form .b2b-form-title {
    color: #73845A;
}

#form .b2b-form-number {
    color: #B8C5A4;
}

#form .b2b-submit-button {
    background: #A8BA8D;
    border-color: #A8BA8D;
}

#form .b2b-submit-button:hover {
    background: #73845A;
    border-color: #73845A;
}/* =========================================
   NUTRITION QUESTIONNAIRE
   GLOBAL
========================================= */


/* =========================================
   QUESTIONNAIRE
========================================= */

.nutrition-questionnaire {
    width: 100%;
    min-height: 650px;

    display: none;
    justify-content: center;

    box-sizing: border-box;
}


/* =========================================
   OPEN QUESTIONNAIRE
========================================= */

.nutrition-questionnaire.is-open {
    display: flex;
}


/* =========================================
   ALL STEPS
========================================= */

.nutrition-step {
    width: 100%;
    max-width: 800px;

    display: none;

    flex-direction: column;
    align-items: center;

    box-sizing: border-box;

    padding: 35px 20px 40px;
}


/* =========================================
   ACTIVE STEP
========================================= */

.nutrition-step.active {
    display: flex;
}


/* =========================================
   STEP TOP
========================================= */

.nutrition-step-top {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-bottom: 20px;
}


/* =========================================
   STEP NUMBER
========================================= */

.nutrition-step-number {
    font-family: inherit;

    font-size: 14px;
    font-weight: 600;

    line-height: 1;

    letter-spacing: 2px;

    white-space: nowrap;
}


/* =========================================
   STEP PROGRESS LINE
========================================= */

.nutrition-step-line {
    position: relative;

    width: 44px;
    height: 4px;

    display: block;

    border-radius: 10px;

    overflow: hidden;
}


/* =========================================
   PROGRESS - BASE
========================================= */

.nutrition-step-line::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 25%;
    height: 100%;

    border-radius: 10px;
}


/* =========================================
   PROGRESS - STEP 1
========================================= */

.nutrition-step-1 .nutrition-step-line::before {
    width: 25%;
}


/* =========================================
   PROGRESS - STEP 2
========================================= */

.nutrition-step-2 .nutrition-step-line::before {
    width: 50%;
}


/* =========================================
   PROGRESS - STEP 3
========================================= */

.nutrition-step-3 .nutrition-step-line::before {
    width: 75%;
}


/* =========================================
   PROGRESS - STEP 4
========================================= */

.nutrition-step-4 .nutrition-step-line::before {
    width: 100%;
}


/* =========================================
   STEP LABEL
========================================= */

.nutrition-step-label {
    margin-bottom: 12px;

    font-size: 14px;
    font-weight: 600;

    line-height: 1.3;

    letter-spacing: 2px;

    text-transform: uppercase;

    text-align: center;
}


/* =========================================
   STEP TITLE
========================================= */

.nutrition-step-title {
    width: 100%;

    margin: 0 0 22px;

    font-size: 30px;
    line-height: 1.2;

    font-weight: 600;

    text-align: center;
}


/* =========================================
   OPTIONS
========================================= */

.nutrition-options {
    width: 100%;

    display: flex;
    flex-direction: column;

    gap: 15px;
}


/* =========================================
   OPTION
========================================= */

.nutrition-option {
    width: 100%;
    min-height: 55px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 12px 20px 12px 14px;

    box-sizing: border-box;

    border: 1px solid transparent;
    border-radius: 10px;

    cursor: pointer;

    text-align: left;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* =========================================
   OPTION TEXT
========================================= */

.nutrition-option-text {
    flex: 1;

    font-size: 16px;
    line-height: 1.4;

    font-weight: 500;
}


/* =========================================
   OPTION ARROW CIRCLE
========================================= */

.nutrition-option-arrow {
    position: relative;

    flex: 0 0 25px;

    width: 25px;
    height: 25px;

    min-width: 25px;
    min-height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    overflow: visible;

    z-index: 1;

    transition: transform 0.25s ease;
}


/* =========================================
   OPTION ARROW SVG
========================================= */

.nutrition-option-arrow svg {
    position: absolute;

    width: 22px;
    height: auto;

    top: 50%;
    left: 50%;

    transform: translateY(-50%);

    display: block;

    overflow: visible;

    z-index: 2;
}


/* =========================================
   OPTION ARROW PATH
========================================= */

.nutrition-option-arrow path {
    fill: none;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================
   OPTION HOVER
========================================= */

.nutrition-option:hover .nutrition-option-arrow {
    transform: translateX(5px);
}


/* =========================================
   NAVIGATION
========================================= */

.nutrition-navigation {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 22px;
}


/* =========================================
   ALL QUESTIONNAIRE BUTTONS
========================================= */

.nutrition-back,
.nutrition-next,
.nutrition-restart {
    min-width: 130px;
    height: 53px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 20px;

    border-radius: 27px;

    font-family: inherit;

    font-size: 16px;
    font-weight: 600;

    line-height: 1;

    cursor: pointer;

    box-sizing: border-box;
}


/* =========================================
   BUTTON TEXT
========================================= */

.nutrition-button-text {
    display: inline-flex;

    align-items: center;

    line-height: 1;
}


/* =========================================
   QUESTIONNAIRE BUTTON ARROWS
========================================= */

.nutrition-navigation .btn-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    flex-shrink: 0;

    line-height: 0;
}


.nutrition-navigation .btn-arrow svg {
    display: block;

    width: 18px;
    height: auto;

    flex-shrink: 0;
}


/* =========================================
   BACK BUTTON — LEFT ARROW
========================================= */

.nutrition-navigation .btn-arrow-left {
    transform: rotate(180deg);
}


/* =========================================
   BUTTON HOVER
========================================= */

.nutrition-navigation .nutrition-back,
.nutrition-navigation .nutrition-next {
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        opacity 0.25s ease;
}


.nutrition-navigation .nutrition-back:not(:disabled):hover,
.nutrition-navigation .nutrition-next:not(:disabled):hover {
    transform: translateY(-1px);
}

/* =========================================
   BACK BUTTON
========================================= */

.nutrition-back {
    border: 1px solid #E8B896;

    background: transparent;

    color: #E8B896;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}


/* =========================================
   BACK BUTTON — HOVER
========================================= */

.nutrition-back:not(:disabled):hover {
    background: #E8B896;

    color: #FFFFFF;

    transform: translateY(-1px);
}


/* =========================================
   DISABLED BACK
   Only applies if a disabled back button
   is intentionally used somewhere else.
========================================= */

.nutrition-back:disabled {
    opacity: 0.35;

    cursor: default;

    pointer-events: none;
}


/* =========================================
   NEXT BUTTON
========================================= */

.nutrition-next {
    border: 1px solid transparent;

    background: #E8B896;

    color: #FFFFFF;

    transition:
        opacity 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease;
}


/* =========================================
   NEXT BUTTON — DISABLED
========================================= */

.nutrition-next:disabled {
    opacity: 0.35;

    cursor: default;

    pointer-events: none;
}


/* =========================================
   NEXT BUTTON — HOVER
========================================= */

.nutrition-next:not(:disabled):hover {
    transform: translateY(-1px);

    background: #D99F78;
}


/* =========================================
   BUTTON ARROW HOVER
========================================= */

.nutrition-next:not(:disabled):hover .nutrition-button-arrow {
    transform: translateX(3px);
}


/* =========================================
   BACK ARROW HOVER
========================================= */

/*.nutrition-back:not(:disabled):hover .nutrition-button-arrow-left {
    transform: rotate(180deg) translateX(3px);
}*


/* =========================================
   FORM WRAPPER
========================================= */

.nutrition-form-wrapper {
    width: 100%;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .nutrition-step {
        padding: 35px 20px 40px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .nutrition-step {
        padding: 30px 15px 35px;
    }


    .nutrition-step-title {
        font-size: 20px;
    }


    .nutrition-option {
        min-height: 58px;

        padding: 11px 10px 11px 13px;
    }


    .nutrition-option-text {
        font-size: 10px;
    }


    .nutrition-navigation {
        margin-top: 20px;
    }


    /* -----------------------------------------
       MOBILE BUTTONS
    ------------------------------------------ */

    .nutrition-back,
    .nutrition-next,
    .nutrition-restart {
        height: 44px;

        min-width: 110px;

        padding: 0 16px;

        font-size: 13px;
    }


    .nutrition-button-arrow {
        width: 20px;
        height: 14px;

        flex-basis: 20px;
    }


    .nutrition-button-arrow svg {
        width: 20px;
        height: 14px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .nutrition-step {
        padding: 30px 15px 30px;
    }


    .nutrition-step-title {
        font-size: 20px;
    }


    .nutrition-option-text {
        font-size: 10px;
    }


    .nutrition-back,
    .nutrition-next,
    .nutrition-restart {
        min-width: 100px;

        height: 42px;

        padding: 0 14px;

        font-size: 12px;
    }


    .nutrition-button-arrow {
        width: 18px;
        height: 14px;

        flex-basis: 18px;
    }


    .nutrition-button-arrow svg {
        width: 18px;
        height: 14px;
    }

}/* =========================================================
   STEP FORMS — GLOBAL
   Applies only to the forms using:
   .nutrition-cf7-form
   .nutrition-cf7-field
   .nutrition-cf7-submit
   .nutrition-back
========================================================= */


/* =========================================================
   FORM WRAPPER
========================================================= */

.nutrition-cf7-form {
    width: 100%;
    max-width: 740px;
    margin: 0 auto;
}


/* =========================================================
   CF7 DEFAULT PARAGRAPH RESET
   Contact Form 7 automatically wraps elements in <p>.
========================================================= */

.nutrition-cf7-form p {
    margin: 0;
    padding: 0;
}


/* =========================================================
   FIELD
========================================================= */

.nutrition-cf7-field {
    width: 100%;
    margin-bottom: 0;
}


/* =========================================================
   LABEL
========================================================= */

.nutrition-cf7-field label {
    display: block;

    margin: 0 0 10px;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 400;

    color: #2A2A2A;
}


/* =========================================================
   INPUTS / TEXTAREA / SELECT
========================================================= */

.nutrition-cf7-form input[type="text"],
.nutrition-cf7-form input[type="email"],
.nutrition-cf7-form input[type="tel"],
.nutrition-cf7-form textarea,
.nutrition-cf7-form select {
    display: block;

    width: 100%;
    max-width: 100%;
    box-sizing: border-box;

    margin: 0;

    border: 0;
    outline: none;

    border-radius: 10px;

    background: #FFFFFF;

    font-size: 13px;
    font-weight: 400;

    color: #2A2A2A;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.10);

    transition:
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


/* =========================================================
   TEXT INPUTS
========================================================= */

.nutrition-cf7-form input[type="text"],
.nutrition-cf7-form input[type="email"],
.nutrition-cf7-form input[type="tel"] {
    height: 48px;

    padding: 0 16px;
}


/* =========================================================
   TEXTAREA
========================================================= */

.nutrition-cf7-form textarea {
    min-height: 125px;

    padding: 14px 16px;

    resize: vertical;

    line-height: 1.4;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.nutrition-cf7-form input::placeholder,
.nutrition-cf7-form textarea::placeholder {
    color: #9A9A9A;

    opacity: 1;
}


/* =========================================================
   FOCUS STATE
========================================================= */

.nutrition-cf7-form input:focus,
.nutrition-cf7-form textarea:focus,
.nutrition-cf7-form select:focus {
    outline: none;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.12);
}


/* =========================================================
   CF7 FIELD WRAPPER
   Prevents the generated validation message from
   affecting the input width.
========================================================= */

.nutrition-cf7-form .wpcf7-form-control-wrap {
    display: block;

    width: 100%;
    max-width: 100%;
}


/* =========================================================
   VALIDATION MESSAGE
========================================================= */

.nutrition-cf7-form .wpcf7-not-valid-tip {
    display: block;

    margin-top: 6px;

    font-size: 12px;
    line-height: 1.3;

    color: #D95C5C;
}


/* =========================================================
   SUBMIT AREA
========================================================= */

.nutrition-cf7-submit {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 5px;
}


/* =========================================================
   BACK BUTTON
========================================================= */

.nutrition-cf7-submit .nutrition-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 88px;
    height: 36px;

    padding: 0 18px;

    border: 1px solid #E8B896;
    border-radius: 20px;

    background: transparent;

    font-size: 12px;
    line-height: 1;
    font-weight: 400;

    color: #E8B896;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}


/* =========================================================
   BACK BUTTON — HOVER
========================================================= */

.nutrition-cf7-submit .nutrition-back:hover {
    background: #E8B896;
    color: #FFFFFF;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

.nutrition-cf7-submit input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 88px;
    height: 36px;

    padding: 0 20px;

    border: 0;
    border-radius: 20px;

    background: #E8B896;

    font-size: 12px;
    line-height: 1;
    font-weight: 600;

    color: #FFFFFF;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   SUBMIT BUTTON — HOVER
========================================================= */

.nutrition-cf7-submit input[type="submit"]:hover {
    background: #D99F78;

    transform: translateY(-1px);
}


/* =========================================================
   CF7 SPINNER
========================================================= */

.nutrition-cf7-submit .wpcf7-spinner {
    display: none;
}


/* =========================================================
   RESPONSE MESSAGE
========================================================= */

.nutrition-cf7-form + .wpcf7-response-output {
    margin: 20px auto 0;
    font-size: 13px;
}


/* =========================================================
   BUTTON ARROWS
========================================================= */

.nutrition-cf7-submit .btn-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 14px;
    height: 14px;

    flex-shrink: 0;
}


.nutrition-cf7-submit .btn-arrow svg {
    display: block;

    width: 14px;
    height: 14px;

    flex-shrink: 0;
}


/* =========================================================
   BACK BUTTON — LEFT ARROW
========================================================= */

.nutrition-cf7-submit .btn-arrow-left {
    transform: rotate(180deg);
}


/* =========================================================
   BACK BUTTON LAYOUT
========================================================= */

.nutrition-cf7-submit .nutrition-back {
    gap: 5px;
}


/* =========================================================
   SUBMIT BUTTON LAYOUT
========================================================= */

.nutrition-cf7-submit .nutrition-submit-button {
    gap: 5px;
}


/* =========================================================
   B2B CONTACT FORM
   Corporate / Media / Business Inquiry Form
========================================================= */

.b2b-contact-form {
    width: 100%;
    max-width: 100%;

    box-sizing: border-box;

    padding: 32px;

    border: 1px solid rgba(198, 138, 174, 0.35);
    border-radius: 18px;

    background: #fffdfb;
}


/* =========================================================
   B2B FORM HEADING
========================================================= */

.b2b-contact-form::before {
    content: "B2B Kontakt forma";

    font-family: 'Noto Serif';

    display: block;

    margin-bottom: 28px;


    font-size: 26px;
    line-height: 1.2;
    font-weight: 600;

    color: #c63869;
}


/* =========================================================
   B2B FORM FIELD
========================================================= */

.b2b-form-field {
    width: 100%;

    margin: 0 0 18px;

    box-sizing: border-box;
}


/* =========================================================
   B2B LABEL
========================================================= */

.b2b-form-field label {
    display: block;

    width: 100%;

    margin: 0 0 8px;


    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;

    color: #111;

    box-sizing: border-box;
}


/* =========================================================
   B2B INPUTS
========================================================= */

.b2b-form-field input,
.b2b-form-field select,
.b2b-form-field textarea {
    display: block;

    width: 100%;
    max-width: 100%;

    box-sizing: border-box;

    margin: 0;

    border: 1px solid rgba(198, 138, 174, 0.35);
    border-radius: 9px;

    background: #fff;

    color: #555;


    font-size: 12px;
    line-height: 1.4;

    outline: none;
}


/* =========================================================
   B2B TEXT / EMAIL INPUT
========================================================= */

.b2b-form-field input[type="text"],
.b2b-form-field input[type="email"] {
    height: 46px;

    padding: 0 14px;
}


/* =========================================================
   B2B SELECT
========================================================= */
/* =========================================================
   B2B SELECT
========================================================= */

.b2b-form-field select {
    height: 46px;

    padding: 0 38px 0 14px;

    appearance: none;
    -webkit-appearance: none;

    cursor: pointer;

    background-color: #FFFFFF;

    background-image:
        linear-gradient(45deg, transparent 50%, #2A2A2A 50%),
        linear-gradient(135deg, #2A2A2A 50%, transparent 50%);

    background-position:
        calc(100% - 16px) 20px,
        calc(100% - 12px) 20px;

    background-size:
        4px 4px,
        4px 4px;

    background-repeat: no-repeat;
}


/* =========================================================
   B2B TEXTAREA
========================================================= */

.b2b-form-field textarea {
    min-height: 120px;

    padding: 12px 14px;

    resize: vertical;
}


/* =========================================================
   B2B PLACEHOLDER
========================================================= */

.b2b-form-field input::placeholder,
.b2b-form-field textarea::placeholder {
    color: #777;

    opacity: 1;
}


/* =========================================================
   B2B FOCUS STATE
========================================================= */

.b2b-form-field input:focus,
.b2b-form-field select:focus,
.b2b-form-field textarea:focus {
    border-color: #c63869;
}


/* =========================================================
   B2B CF7 WRAPPER
   Prevents CF7 inline wrappers from affecting width
========================================================= */

.b2b-form-field .wpcf7-form-control-wrap {
    display: block;

    width: 100%;
    max-width: 100%;

    margin: 0;

    box-sizing: border-box;
}


/* =========================================================
   B2B SUBMIT AREA
========================================================= */

.b2b-form-submit {
    width: 100%;

    margin-top: 24px;

    box-sizing: border-box;
}


/* =========================================================
   B2B SUBMIT BUTTON
========================================================= */

.b2b-submit-button {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 100%;

    min-height: 46px;

    margin: 0;

    padding: 0 20px;

    box-sizing: border-box;

    border: 0;
    border-radius: 24px;

    background:#D4729A;

    color: #fff;


    font-size: 12px;
    font-weight: 600;

    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   B2B SUBMIT TEXT
========================================================= */

.b2b-submit-text {
    display: inline-flex;

    align-items: center;

    line-height: 1;
}


/* =========================================================
   B2B BUTTON ARROW
========================================================= */

.b2b-submit-button .btn-arrow {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin-left: 8px;

    line-height: 0;
}


.b2b-submit-button .btn-arrow svg {
    display: block;

    width: 14px;
    height: 14px;

    flex-shrink: 0;
}


/* =========================================================
   B2B BUTTON HOVER
========================================================= */

.b2b-submit-button:hover {
    background: #c85e89;

    transform: translateY(-1px);
}


/* =========================================================
   B2B CF7 PARAGRAPH RESET
   CF7 automatically creates <p> elements
========================================================= */

.b2b-contact-form p {
    margin: 0;
}


/* =========================================================
   B2B VALIDATION MESSAGE
========================================================= */

.b2b-contact-form .wpcf7-not-valid-tip {
    display: block;

    margin-top: 5px;


    font-size: 11px;
}


/* =========================================================
   B2B RESPONSE MESSAGE
========================================================= */

.b2b-contact-form + .wpcf7-response-output {
    box-sizing: border-box;
}


/* =========================================
   BACK ARROW - NEVER ROTATE ON HOVER
========================================= */

.nutrition-back:hover .nutrition-button-arrow-left {
    transform: rotate(180deg) !important;
}

.nutrition-back:hover .btn-arrow-left {
    transform: rotate(180deg) !important;
}

/* =========================================================
   B2B MOBILE
========================================================= */

@media (max-width: 767px) {

    .b2b-contact-form {
        padding: 24px 20px;

        border-radius: 16px;
    }


    .b2b-contact-form::before {
        margin-bottom: 22px;

        font-size: 23px;
    }


    .b2b-form-field {
        margin-bottom: 16px;
    }


    .b2b-form-field label {
        font-size: 12px;

        margin-bottom: 7px;
    }


    .b2b-form-field input[type="text"],
    .b2b-form-field input[type="email"],
    .b2b-form-field select {
        height: 44px;

        padding-left: 12px;
        padding-right: 12px;
    }


    .b2b-form-field textarea {
        min-height: 115px;

        padding: 11px 12px;
    }


    .b2b-submit-button {
        min-height: 44px;

        font-size: 12px;
    }

}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .nutrition-cf7-form {
        max-width: 650px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .nutrition-cf7-form {
        width: 100%;
        max-width: 100%;
    }


    /* -----------------------------------------
       FIELD
    ------------------------------------------ */

    .nutrition-cf7-field {
        margin-bottom: 24px;
    }


    /* -----------------------------------------
       LABEL
    ------------------------------------------ */

    .nutrition-cf7-field label {
        margin-bottom: 8px;

        font-size: 12px;
    }


    /* -----------------------------------------
       INPUTS
    ------------------------------------------ */

    .nutrition-cf7-form input[type="text"],
    .nutrition-cf7-form input[type="email"],
    .nutrition-cf7-form input[type="tel"],
    .nutrition-cf7-form select {
        height: 44px;

        padding: 0 14px;

        font-size: 12px;
    }


    /* -----------------------------------------
       TEXTAREA
    ------------------------------------------ */

    .nutrition-cf7-form textarea {
        min-height: 110px;

        padding: 12px 14px;

        font-size: 12px;
    }


    /* -----------------------------------------
       BUTTONS
    ------------------------------------------ */

    .nutrition-cf7-submit {
        margin-top: 0;
    }


    .nutrition-cf7-submit .nutrition-back,
    .nutrition-cf7-submit input[type="submit"] {
        height: 34px;

        padding: 0 16px;

        font-size: 11px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .nutrition-cf7-field {
        margin-bottom: 22px;
    }


   .b2b-form-field input[type="text"],
.b2b-form-field input[type="email"],
.b2b-form-field select {
    height: 44px;

    padding-left: 12px;
    padding-right: 38px;
}

}

/* =========================================
   CARD 2 - CF7 FORM NAVIGATION
========================================= */

/* =========================================
   CARD 2 - CF7 NAVIGATION
========================================= */

#nutrition-questionnaire-card-2 .nutrition-cf7-submit {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-top: 30px;
}


/* =========================================
   BACK BUTTON
========================================= */

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.nutrition-back {

    min-width: 130px;
    width: 130px;
    height: 53px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 20px;

    border: 1px solid #A8BA8D;
    border-radius: 27px;

    background: transparent;
    color: #A8BA8D;

    font-family: inherit;
    font-size: 16px;
    font-weight: 600;

    line-height: 1;

    box-sizing: border-box;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}


/* =========================================
   BACK HOVER
========================================= */

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.nutrition-back:hover {

    background: #D0E2B9;
    border-color: #A8BA8D;
    color: #73845A;
}


/* =========================================
   BACK ARROW
   LEFT DIRECTION - LOCKED
========================================= */

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.nutrition-back
.nutrition-button-arrow-left {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 14px;
    height: 14px;

    flex-shrink: 0;

    transform: rotate(180deg) !important;

    transition: none !important;
}


/* =========================================
   BACK ARROW SVG
========================================= */

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.nutrition-back
.nutrition-button-arrow-left svg {

    display: block;

    width: 14px;
    height: 14px;

    transform: none !important;

    transition: none !important;
}


/* =========================================
   BACK HOVER - LOCK ARROW
========================================= */

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.nutrition-back:hover
.nutrition-button-arrow-left {

    transform: rotate(180deg) !important;
}

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.nutrition-back:hover
.nutrition-button-arrow-left svg {

    transform: none !important;
}


/*
 * IMPORTANT:
 * Global .btn-arrow hover rules cannot
 * change the Back arrow.
 */

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.nutrition-back
.btn-arrow:hover {

    transform: rotate(180deg) !important;
}

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.nutrition-back:hover
.btn-arrow {

    transform: rotate(180deg) !important;
}

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.nutrition-back:hover
.btn-arrow svg {

    transform: none !important;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.wpcf7-submit {

    min-width: 130px;
    width: 130px;
    height: 53px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 20px;

    border: 1px solid #A8BA8D;
    border-radius: 27px;

    background: #A8BA8D;
    color: #FFFFFF;

    font-family: inherit;
    font-size: 16px;
    font-weight: 600;

    line-height: 1;

    box-sizing: border-box;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease;
}


/* =========================================
   SUBMIT HOVER
========================================= */

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.wpcf7-submit:hover {

    background: #73845A;
    border-color: #73845A;
}


/* =========================================
   SUBMIT ARROW
========================================= */

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.wpcf7-submit
.nutrition-button-arrow {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 14px;
    height: 14px;

    flex-shrink: 0;

    transform: none !important;

    transition: transform 0.2s ease;
}


/* =========================================
   SUBMIT ARROW HOVER
========================================= */

#nutrition-questionnaire-card-2
.nutrition-cf7-submit
.wpcf7-submit:hover
.nutrition-button-arrow {

    transform: translateX(4px) !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    #nutrition-questionnaire-card-2
    .nutrition-cf7-submit {

        justify-content: space-between;
        gap: 15px;
    }

    #nutrition-questionnaire-card-2
    .nutrition-cf7-submit
    .nutrition-back,

    #nutrition-questionnaire-card-2
    .nutrition-cf7-submit
    .wpcf7-submit {

        min-width: 115px;
        width: 115px;
        height: 48px;

        padding: 0 16px;

        font-size: 14px;
    }

}

/* =========================================
   CARD 3 - CF7 BUTTONS
========================================= */
/* =========================================
   CARD 3 - CF7 NAVIGATION
========================================= */

#nutrition-questionnaire-card-3 .nutrition-cf7-submit {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-top: 30px;
}


/* =========================================
   BACK BUTTON
========================================= */

#nutrition-questionnaire-card-3 .nutrition-cf7-submit .nutrition-back {
    min-width: 130px;
    width: 130px;
    height: 53px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    margin: 0 !important;
    padding: 0 20px;

    box-sizing: border-box;

    border: 1px solid #D4729A;
    border-radius: 27px;

    background: transparent;
    color: #D4729A;

    font-family: inherit;
    font-size: 16px;
    font-weight: 600;

    cursor: pointer;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

#nutrition-questionnaire-card-3
.nutrition-cf7-submit
.nutrition-submit {

    min-width: 130px;
    width: 130px;
    height: 53px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    gap: 8px;

    margin: 0 !important;
    padding: 0 20px;

    box-sizing: border-box;

    border: 1px solid #D4729A !important;
    border-radius: 27px;

    background: #D4729A !important;
    color: #FFFFFF !important;

    font-family: inherit;
    font-size: 16px;
    font-weight: 600;

    line-height: 1;

    cursor: pointer;

    box-shadow: none !important;
}


/* =========================================
   ARROWS
========================================= */

#nutrition-questionnaire-card-3
.nutrition-button-arrow {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 14px;

    flex: 0 0 24px;

    line-height: 0;

    transition: transform 0.25s ease;
}


/* =========================================
   BACK ARROW - LEFT
========================================= */

#nutrition-questionnaire-card-3
.nutrition-button-arrow-left {

    transform: rotate(180deg) !important;

    transition: none !important;
}


/* =========================================
   BACK ARROW - NEVER ROTATE ON HOVER
========================================= */

#nutrition-questionnaire-card-3
.nutrition-back:hover
.nutrition-button-arrow-left {

    transform: rotate(180deg) !important;

    transition: none !important;
}


/* =========================================
   SUBMIT ARROW
========================================= */

#nutrition-questionnaire-card-3
.nutrition-submit:hover
.nutrition-button-arrow {

    transform: translateX(4px);
}


/* =========================================
   SVG
========================================= */

#nutrition-questionnaire-card-3
.nutrition-button-arrow svg {

    display: block;

    width: 24px;
    height: 14px;

    overflow: visible;
}


/* =========================================
   BACK HOVER
========================================= */

#nutrition-questionnaire-card-3
.nutrition-back:not(:disabled):hover {

    background: #F9E8EE;

    border-color: #D4729A;

    color: #D4729A;
}


/* =========================================
   SUBMIT HOVER
========================================= */

#nutrition-questionnaire-card-3
.nutrition-submit:hover {

    background: #B5395E !important;

    border-color: #B5395E !important;

    color: #FFFFFF !important;
}


/* =========================================
   CF7 WRAPPER OVERRIDE
========================================= */

#nutrition-questionnaire-card-3
.nutrition-cf7-submit p {

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 480px) {

    #nutrition-questionnaire-card-3
    .nutrition-cf7-submit .nutrition-back,

    #nutrition-questionnaire-card-3
    .nutrition-cf7-submit .nutrition-submit {

        min-width: 115px;
        width: 115px;

        padding: 0 15px;

        font-size: 14px;
    }

}

/* =========================================
   CARD 3 - REMOVE CF7 P WRAPPERS
========================================= */

#nutrition-questionnaire-card-3
.nutrition-cf7-submit > p {

    display: contents !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   CARD 3 - BUTTONS
========================================= */

#nutrition-questionnaire-card-3
.nutrition-cf7-submit .nutrition-back,

#nutrition-questionnaire-card-3
.nutrition-cf7-submit .nutrition-submit {

    flex: 0 0 auto !important;

    width: 130px !important;
    min-width: 130px !important;

    margin: 0 !important;
}


/* =========================================
   CARD 3 - NAVIGATION
========================================= */

#nutrition-questionnaire-card-3
.nutrition-cf7-submit {

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;

    gap: 20px;
}


/* =========================================
   BACK ARROW - NEVER ROTATE
========================================= */

#nutrition-questionnaire-card-3
.nutrition-back
.nutrition-button-arrow-left {

    transform: rotate(180deg) !important;

    transition: none !important;
}

#nutrition-questionnaire-card-3
.nutrition-back:hover
.nutrition-button-arrow-left {

    transform: rotate(180deg) !important;

    transition: none !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 480px) {

    #nutrition-questionnaire-card-3
    .nutrition-cf7-submit .nutrition-back,

    #nutrition-questionnaire-card-3
    .nutrition-cf7-submit .nutrition-submit {

        width: 115px !important;
        min-width: 115px !important;
    }

}

/* =========================================
   NUTRITION CF7 - BUTTONS
========================================= */
/* =========================================
   NUTRITION CF7 FORM
   CARD 1
========================================= */

#nutrition-questionnaire-card-1 .nutrition-cf7-form {
    width: 100%;
}


/* =========================================
   FIELDS
========================================= */

#nutrition-questionnaire-card-1 .nutrition-cf7-field {
    width: 100%;
    margin-bottom: 22px;
}

#nutrition-questionnaire-card-1 .nutrition-cf7-field label {
    display: block;

    margin-bottom: 10px;

    color: #806F64;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}


/* =========================================
   INPUTS
========================================= */

#nutrition-questionnaire-card-1 .nutrition-cf7-field input[type="text"],
#nutrition-questionnaire-card-1 .nutrition-cf7-field input[type="email"],
#nutrition-questionnaire-card-1 .nutrition-cf7-field input[type="tel"],
#nutrition-questionnaire-card-1 .nutrition-cf7-field textarea,
#nutrition-questionnaire-card-1 .nutrition-cf7-field select {
    width: 100%;

    min-height: 54px;

    padding: 0 20px;

    border: 1px solid transparent;
    border-radius: 10px;

    background: #FFFFFF;

    color: #2A2A2A;

    font-family: inherit;
    font-size: 14px;

    box-sizing: border-box;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.06);

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* =========================================
   TEXTAREA
========================================= */

#nutrition-questionnaire-card-1 .nutrition-cf7-field textarea {
    min-height: 130px;

    padding: 16px 20px;

    resize: vertical;
}


/* =========================================
   PLACEHOLDER
========================================= */

#nutrition-questionnaire-card-1 .nutrition-cf7-field input::placeholder,
#nutrition-questionnaire-card-1 .nutrition-cf7-field textarea::placeholder {
    color: #A99A8F;

    opacity: 1;
}


/* =========================================
   INPUT FOCUS
========================================= */

#nutrition-questionnaire-card-1 .nutrition-cf7-field input:focus,
#nutrition-questionnaire-card-1 .nutrition-cf7-field textarea:focus,
#nutrition-questionnaire-card-1 .nutrition-cf7-field select:focus {
    border-color: #E5B58F;

    box-shadow:
        0 3px 7px rgba(0, 0, 0, 0.06);
}


/* =========================================
   CF7 P WRAPPER
   IMPORTANT
========================================= */

#nutrition-questionnaire-card-1 .nutrition-cf7-submit p {
    width: auto;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   SUBMIT AREA
========================================= */
/* =========================================
   NUTRITION CF7 - BUTTONS
========================================= */

.nutrition-cf7-submit {
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    margin-top: 30px;
}


/* =========================================
   CF7 P WRAPPER
   CF7 automatski dodaje <p>
========================================= */

.nutrition-cf7-submit > p {
    width: auto;

    margin: 0 !important;
    padding: 0 !important;

    display: flex;
    align-items: center;

    flex: 0 0 auto;
}


/* =========================================
   BACK BUTTON
========================================= */

.nutrition-cf7-submit .nutrition-back {
    min-width: 130px;
    width: 130px;
    height: 53px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 6px;

    padding: 0 20px;

    box-sizing: border-box;

    border: 1px solid #E7B38F;
    border-radius: 27px;

    background: transparent;
    color: #D99A70;

    font-family: inherit;
    font-size: 16px;
    font-weight: 600;

    line-height: 1;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}


/* =========================================
   BACK ARROW
========================================= */

.nutrition-cf7-submit .nutrition-back .nutrition-button-arrow-left {
    width: 14px;
    height: 14px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    transform: rotate(180deg) !important;
    transition: none !important;
}


/*
 * Prevent ANY hover rule from rotating
 * the back arrow.
 */

.nutrition-cf7-submit .nutrition-back:hover
.nutrition-button-arrow-left,

.nutrition-cf7-submit .nutrition-back:focus
.nutrition-button-arrow-left,

.nutrition-cf7-submit .nutrition-back:active
.nutrition-button-arrow-left {
    transform: rotate(180deg) !important;
    transition: none !important;
}


.nutrition-cf7-submit .nutrition-back
.nutrition-button-arrow-left svg {
    width: 14px;
    height: 14px;

    display: block;

    transform: none !important;
    transition: none !important;
}


.nutrition-cf7-submit .nutrition-back:hover
.nutrition-button-arrow-left svg,

.nutrition-cf7-submit .nutrition-back:focus
.nutrition-button-arrow-left svg,

.nutrition-cf7-submit .nutrition-back:active
.nutrition-button-arrow-left svg {
    transform: none !important;
}


/* =========================================
   BACK HOVER
========================================= */

.nutrition-cf7-submit .nutrition-back:hover {
    background: #F9E8DD;
    border-color: #D99A70;
    color: #D99A70;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.nutrition-cf7-submit
input[type="submit"],
.nutrition-cf7-submit
button[type="submit"] {
    min-width: 130px;
    width: 130px;
    height: 53px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 0 20px;

    box-sizing: border-box;

    border: 1px solid #E7B38F;
    border-radius: 27px;

    background: #E7B38F;
    color: #FFFFFF;

    font-family: inherit;
    font-size: 16px;
    font-weight: 600;

    line-height: 1;

    cursor: pointer;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}


/* =========================================
   SUBMIT HOVER
========================================= */

.nutrition-cf7-submit
input[type="submit"]:hover,
.nutrition-cf7-submit
button[type="submit"]:hover {
    background: #D99A70;
    border-color: #D99A70;
}


/* =========================================
   SUBMIT ARROW
========================================= */

.nutrition-cf7-submit
.btn-arrow {
    width: 14px;
    height: 14px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    transition: transform 0.2s ease;
}


.nutrition-cf7-submit
.btn-arrow svg {
    width: 14px;
    height: 14px;

    display: block;

    transform: none !important;
}


/* =========================================
   SUBMIT ARROW HOVER
========================================= */

.nutrition-cf7-submit
input[type="submit"]:hover
+ .btn-arrow,

.nutrition-cf7-submit
button[type="submit"]:hover
.btn-arrow {
    transform: translateX(4px);
}


/* =========================================
   IF CF7 SUBMIT HAS NO .btn-arrow
========================================= */

.nutrition-cf7-submit
input[type="submit"] {
    padding-right: 20px;
}

/* =========================================
   CARD 3 - CF7 BUTTONS FIX
========================================= */

/*
 * Force buttons to opposite sides.
 * Overrides the existing justify-content: flex-end.
 */

#nutrition-questionnaire-card-3
.nutrition-step-3
.nutrition-cf7-submit {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 20px !important;
}


/* =========================================
   CF7 <p> WRAPPERS
========================================= */

#nutrition-questionnaire-card-3
.nutrition-cf7-submit > p {
    width: auto !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 auto !important;

    display: flex !important;
    align-items: center !important;
}


/*
 * Remove any <br> generated by CF7
 */

#nutrition-questionnaire-card-3
.nutrition-cf7-submit > p > br {
    display: none !important;
}


/* =========================================
   BACK BUTTON
========================================= */

#nutrition-questionnaire-card-3
.nutrition-cf7-submit
.nutrition-back {
    margin: 0 !important;

    flex: 0 0 auto !important;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

#nutrition-questionnaire-card-3
.nutrition-cf7-submit
input[type="submit"],
#nutrition-questionnaire-card-3
.nutrition-cf7-submit
button[type="submit"] {
    margin: 0 !important;

    flex: 0 0 auto !important;
}


/* =========================================
   PREVENT GLOBAL P WIDTH
========================================= */

#nutrition-questionnaire-card-3
.nutrition-cf7-submit
p.b2b-form-submit,
#nutrition-questionnaire-card-3
.nutrition-cf7-submit
.b2b-form-submit p {
    width: auto !important;
    max-width: none !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    #nutrition-questionnaire-card-3
    .nutrition-step-3
    .nutrition-cf7-submit {
        justify-content: space-between !important;
        gap: 15px !important;
    }

}


@media (max-width: 480px) {

    #nutrition-questionnaire-card-3
    .nutrition-step-3
    .nutrition-cf7-submit {
        gap: 10px !important;
    }

}
/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .nutrition-cf7-submit {
        gap: 15px;
    }

    .nutrition-cf7-submit .nutrition-back,
    .nutrition-cf7-submit input[type="submit"],
    .nutrition-cf7-submit button[type="submit"] {
        min-width: 115px;
        width: 115px;
        height: 50px;

        font-size: 14px;
    }

    .nutrition-back, .nutrition-next {
        min-width: 115px;
        width: 115px;
        height: 50px;

        font-size: 14px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .nutrition-cf7-submit {
        gap: 10px;
    }

    .nutrition-cf7-submit .nutrition-back,
    .nutrition-cf7-submit input[type="submit"],
    .nutrition-cf7-submit button[type="submit"] {
        min-width: 110px;
        width: 110px;
        height: 48px;

        padding: 0 15px;

        font-size: 14px;
    }

   .nutrition-back, .nutrition-next {
        min-width: 110px !important;
        width: 110px !important;
        height: 48px !important;

        padding: 0 15px;

        font-size: 14px;
    }

}

.nutrition-cf7-submit > p {
  flex: unset;
}

.page-id-12 .wc-block-components-sidebar-layout, .page-id-13 .wc-block-components-sidebar-layout{
  padding-top:100px !important;
  padding-bottom:100px;

  padding-left:5.2%;
  padding-right:5.2%;
}

/* =========================================================
   WOOCOMMERCE CART
   ========================================================= */
/* =========================================================
   WOOCOMMERCE CART
========================================================= */

.wp-block-woocommerce-cart {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 30px 90px;
    box-sizing: border-box;
}


/* =========================================================
   MAIN CART LAYOUT
========================================================= */

.wc-block-components-sidebar-layout.wc-block-cart {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.85fr);
    gap: 55px;

    align-items: start;
}

.wc-block-components-sidebar-layout .wc-block-components-main{
    background:#F5F0E8;
    border-radius:24px;
    
}
/* =========================================================
   LEFT SIDE - PRODUCTS
========================================================= */

.wc-block-components-main.wc-block-cart__main {
    width: 100% !important;
    min-width: 0;

}


/* =========================================================
   PRODUCT TABLE
========================================================= */

.wc-block-cart-items {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}


/* HEADER */

.wc-block-cart-items__header {
    border-bottom: 1px solid #D8D2C8;
}


.wc-block-cart-items__header-image {
    width: 100px;
}


.wc-block-cart-items__header-product {
    text-align: left;
}


.wc-block-cart-items__header-total {
    width: 130px;
    text-align: right;
}


.wc-block-cart-items__header th {
    padding: 0 0 16px;

    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;

    color: #2A2A2A;

    text-transform: uppercase;
}


/* =========================================================
   PRODUCT ROW
========================================================= */

.wc-block-cart-items__row {
    border-bottom: 1px solid #D8D2C8;
}


/* IMAGE */

.wc-block-cart-item__image {
    width: 100px;
    padding: 28px 20px 28px 0 !important;
    vertical-align: top;
}


.wc-block-cart-item__image img {
    display: block;

    width: 100px !important;
    height: 100px !important;

    object-fit: cover;

    border-radius: 12px;
}


/* PRODUCT CONTENT */

.wc-block-cart-item__product {
    padding: 28px 20px 28px 0 !important;
    vertical-align: top;
}


.wc-block-cart-item__wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


/* PRODUCT NAME */

.wc-block-components-product-name {
    margin: 0 0 10px;

    font-family: inherit;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;

    color: #2A2A2A;

    text-decoration: none;
}


.wc-block-components-product-name:hover {
    color: #73845A;
}


/* PRODUCT PRICE */

.wc-block-cart-item__prices {
    margin-bottom: 12px;
}


.wc-block-components-product-price {
    font-family: inherit;
    font-size: 16px;
    line-height: 1.3;

    color: #BA835E;
}


.wc-block-components-product-price__value {
    color: #BA835E;
}


/* DESCRIPTION */

.wc-block-components-product-metadata {
    margin: 0 0 20px;
}


.wc-block-components-product-metadata__description {
    margin: 0;
}


.wc-block-components-product-metadata__description p {
    margin: 0;

    max-width: 600px;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;

    color: #2A2A2A;
}


/* =========================================================
   QUANTITY
========================================================= */

.wc-block-cart-item__quantity {
    display: flex;
    align-items: center;
    gap: 18px;
}


/* QUANTITY WRAPPER */

.wc-block-components-quantity-selector {
    display: flex;
    align-items: center;

    width: 190px;
    height: 48px;

    margin: 0 !important;

    border: 1px solid #D8D2C8;
    border-radius: 24px;

    background: #F5F0E8;

    overflow: hidden;
}


/* INPUT */

.wc-block-components-quantity-selector__input {
    flex: 1;

    width: 60px !important;
    height: 100% !important;

    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    font-family: inherit;
    font-size: 15px;
    font-weight: 400;

    color: #2A2A2A;

    text-align: center;
}


/* QUANTITY BUTTONS */

.wc-block-components-quantity-selector__button {
    width: 45px !important;
    height: 100% !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    font-size: 18px !important;
    font-weight: 400 !important;

    color: #73845A !important;

    cursor: pointer;
}


.wc-block-components-quantity-selector__button:hover {
    background: transparent !important;
}


/* REMOVE */

.wc-block-cart-item__remove-link {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    color: #2A2A2A !important;

    cursor: pointer;
}


.wc-block-cart-item__remove-link svg {
    width: 20px;
    height: 20px;
}


.wc-block-cart-item__remove-link:hover {
    color: #73845A !important;
}


/* =========================================================
   PRODUCT TOTAL
========================================================= */

.wc-block-cart-item__total {
    padding: 28px 0 !important;

    vertical-align: top;

    text-align: right;
}


.wc-block-cart-item__total .wc-block-components-product-price {
    font-size: 18px;
    font-weight: 400;

    color: #2A2A2A;
}


.wc-block-cart-item__total .wc-block-components-formatted-money-amount {
    color: #2A2A2A;
}


/* =========================================================
   RIGHT SIDE - CART TOTALS
========================================================= */

.wc-block-components-sidebar.wc-block-cart__sidebar {
    width: 100% !important;
    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   CART TOTALS TITLE
========================================================= */

.wc-block-cart__totals-title {
    margin: 0 !important;
    padding: 0 0 18px !important;

    border-bottom: 1px solid #D8D2C8;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 400 !important;

    color: #2A2A2A !important;

    text-transform: uppercase;
}


/* =========================================================
   COUPON
========================================================= */

.wc-block-components-totals-wrapper {
    border: 0 !important;
}


.wc-block-components-totals-coupon {
    border-bottom: 1px solid #D8D2C8 !important;
}


.wc-block-components-panel__button {
    display: flex !important;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    min-height: 68px;

    padding: 0 !important;

    font-family: inherit;
    font-size: 16px;

    color: #2A2A2A;
}


.wc-block-components-panel__button-icon {
    width: 18px !important;
    height: 18px !important;

    margin-left: auto;
}


/* =========================================================
   TOTAL
========================================================= */

.wc-block-components-totals-footer-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;

    min-height: 110px;

    padding: 0 !important;

    border-bottom: 1px solid #D8D2C8 !important;
}


.wc-block-components-totals-item__label {
    font-family: inherit;
    font-size: 17px;
    font-weight: 400;

    color: #2A2A2A;
}


.wc-block-components-totals-item__value {
    font-family: inherit;
    font-size: 20px;
    font-weight: 400;

    color: #BA835E;
}


.wc-block-components-totals-footer-item
.wc-block-components-formatted-money-amount {
    color: #BA835E;
}


/* =========================================================
   CHECKOUT BUTTON
========================================================= */

.wc-block-cart__submit {
    margin-top: 25px !important;
}


.wc-block-cart__submit-container {
    position: static !important;

    padding: 0 !important;
}


.wc-block-cart__submit-button {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    min-height: 54px;

    padding: 14px 25px !important;

    border: 0 !important;
    border-radius: 28px !important;

    background: #73845A !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    color: #FFFFFF !important;

    text-decoration: none !important;

    box-shadow: none !important;
}


.wc-block-cart__submit-button:hover {
    background: #607048 !important;
    color: #FFFFFF !important;
}


/* =========================================================
   REMOVE DEFAULT BLOCK SPACING
========================================================= */

.wc-block-components-sidebar-layout {
    margin: 0 !important;
}


.wc-block-components-sidebar-layout .wc-block-components-main,
.wc-block-components-sidebar-layout .wc-block-components-sidebar {
    padding: 0 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .wp-block-woocommerce-cart {
        padding: 50px 25px 70px;
    }


    .wc-block-components-sidebar-layout.wc-block-cart {
        grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
        gap: 35px;
    }


    .wc-block-cart-items__header-total {
        width: 110px;
    }


    .wc-block-components-product-name {
        font-size: 16px;
    }


    .wc-block-components-product-metadata__description p {
        font-size: 13px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .wp-block-woocommerce-cart {
        padding: 35px 15px 55px;
    }


    .wc-block-components-sidebar-layout.wc-block-cart {
        display: flex !important;
        flex-direction: column;

        gap: 40px;
    }


    /* Product table */

    .wc-block-cart-items {
        table-layout: auto;
    }


    .wc-block-cart-items__header-image {
        width: 70px;
    }


    .wc-block-cart-items__header-total {
        width: auto;
    }


    .wc-block-cart-items__header th {
        font-size: 12px;
    }


    /* Product */

    .wc-block-cart-item__image {
        width: 70px;

        padding: 20px 12px 20px 0 !important;
    }


    .wc-block-cart-item__image img {
        width: 70px !important;
        height: 70px !important;
    }


    .wc-block-cart-item__product {
        padding: 20px 10px 20px 0 !important;
    }


    .wc-block-cart-item__total {
        padding: 20px 0 !important;
    }


    .wc-block-components-product-name {
        font-size: 15px;
    }


    .wc-block-components-product-price {
        font-size: 14px;
    }


    .wc-block-components-product-metadata__description p {
        font-size: 12px;
    }


    .wc-block-cart-item__quantity {
        gap: 12px;
    }


    .wc-block-components-quantity-selector {
        width: 145px;
        height: 42px;
    }


    .wc-block-components-quantity-selector__button {
        width: 35px !important;
    }


    .wc-block-components-totals-footer-item {
        min-height: 85px;
    }


    .wc-block-components-totals-item__label {
        font-size: 15px;
    }


    .wc-block-components-totals-item__value {
        font-size: 18px;
    }


    .wc-block-cart__submit {
        margin-top: 20px !important;
    }

}

.wc-block-components-sidebar-layout .wc-block-components-main{
  padding:30px !important;
}

/* =========================================
   COUPON FORM
========================================= */

.wc-block-components-totals-coupon__content {
    width: 100%;
}

.wc-block-components-totals-coupon__form {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}


/* =========================================
   COUPON INPUT
========================================= */

.wc-block-components-totals-coupon__input {
    position: relative;
    flex: 1;
    width: auto;
    margin: 0;
}

.wc-block-components-totals-coupon__input input {
    width: 100%;
    height: 42px;

    padding: 0 14px;

    box-sizing: border-box;

    border: 1px solid #E5DCD2;
    border-radius: 22px;

    background: #FFFFFF;

    font-family: inherit;
    font-size: 13px;
    line-height: 1;
    color: #2A2A2A;

    outline: none;

    box-shadow: none;
}


/* Sakrij WooCommerce label */
.wc-block-components-totals-coupon__input label {
    position: absolute;

    left: 14px;
    top: 50%;

    transform: translateY(-50%);

    margin: 0;

    font-family: inherit;
    font-size: 13px;
    line-height: 1;

    color: #8B7D70;

    pointer-events: none;

    background: transparent;

    transition: opacity 0.2s ease;
}


/* Kada korisnik klikne u input */
.wc-block-components-totals-coupon__input input:focus + label,
.wc-block-components-totals-coupon__input input:not(:placeholder-shown) + label {
    opacity: 0;
}


/* WooCommerce može imati svoj placeholder */
.wc-block-components-totals-coupon__input input::placeholder {
    color: transparent;
}


/* =========================================
   APPLY BUTTON
========================================= */
/* =========================================
   COUPON - WOOCOMMERCE CART
========================================= */

.wc-block-components-totals-coupon__content {
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 0 !important;
}


/* =========================================
   FORM
========================================= */

.wc-block-components-totals-coupon__form {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   INPUT WRAPPER
========================================= */

.wc-block-components-totals-coupon__input {
    position: relative !important;

    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}


/* =========================================
   INPUT
========================================= */

.wc-block-components-totals-coupon__input input {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 42px !important;
    min-height: 42px !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border: 1px solid #E5DCD2 !important;
    border-radius: 22px !important;

    outline: none !important;

    background: #FFFFFF !important;

    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 42px !important;

    color: #2A2A2A !important;
}


/* Focus */

.wc-block-components-totals-coupon__input input:focus {
    border-color: #A8BA8D !important;
    outline: none !important;
    box-shadow: none !important;
}


/* =========================================
   LABEL
========================================= */

.wc-block-components-totals-coupon__input label {
    position: absolute !important;

    top: 50% !important;
    left: 14px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    pointer-events: none !important;

    background: transparent !important;

    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 400 !important;

    color: #8B7D70 !important;
}


/* Sakrij originalni tekst "Enter code" */
.wc-block-components-totals-coupon__input label {
    font-size: 0 !important;
}

.wc-block-components-totals-coupon__input label::after {
    content: "Unesite kupon kod..." !important;

    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 400 !important;

    color: #8B7D70 !important;
}


/* =========================================
   APPLY BUTTON
========================================= */

.wc-block-components-totals-coupon__button {
    flex: 0 0 104px !important;

    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;

    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 22px !important;

    background: #73845A !important;

    color: #FFFFFF !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 600 !important;

    box-shadow: none !important;

    cursor: pointer !important;
}


/* Tekst dugmeta */

.wc-block-components-totals-coupon__button
.wc-block-components-button__text {
    margin: 0 !important;
    padding: 0 !important;

    color: #FFFFFF !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
}


/* Hover */

.wc-block-components-totals-coupon__button:hover {
    background: #607048 !important;
}


/* Disabled */

.wc-block-components-totals-coupon__button:disabled {
    background: #73845A !important;
    color: #FFFFFF !important;

    opacity: 1 !important;
}


/* =========================================
   COUPON SECTION LINES
========================================= */

.wc-block-components-totals-coupon {
    border-top: 1px solid #E5DCD2 !important;
    border-bottom: 1px solid #E5DCD2 !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .wc-block-components-totals-coupon__content {
        padding: 18px 0 !important;
    }

    .wc-block-components-totals-coupon__form {
        gap: 8px !important;
    }

    .wc-block-components-totals-coupon__button {
        flex: 0 0 95px !important;

        width: 95px !important;
        min-width: 95px !important;
        max-width: 95px !important;
    }

    .wc-block-components-totals-coupon__input input {
        height: 42px !important;
        min-height: 42px !important;
    }

}


/*************************************** CHECKOUT **************************************/
/* =========================================================
   WOOCOMMERCE CHECKOUT
   ========================================================= */

/* =========================================================
   CHECKOUT - FLEX LAYOUT
========================================================= */

/* Glavni checkout wrapper */
.wc-block-checkout {
    width: 100% !important;
    max-width: 100%;
    margin: 0 auto !important;
}

/* Glavni layout */
.wc-block-checkout .wc-block-components-sidebar-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 32px !important;
    width: 100% !important;
}

/* =========================================================
   LEFT - CHECKOUT FORM
========================================================= */

.wc-block-checkout .wc-block-components-main {
    width: 60% !important;
    max-width: none !important;
    flex: 0 0 60% !important;
    min-width: 0 !important;
}

/* =========================================================
   RIGHT - ORDER SUMMARY
========================================================= */

.wc-block-checkout .wc-block-components-sidebar {
    width: 35% !important;
    max-width: none !important;
    flex: 0 0 35% !important;
    min-width: 0 !important;
}

/* =========================================================
   REMOVE WOOCOMMERCE DEFAULT WIDTH RESTRICTIONS
========================================================= */

.wc-block-checkout .wc-block-components-form,
.wc-block-checkout .wc-block-checkout__main,
.wc-block-checkout .wc-block-checkout__sidebar {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* =========================================================
   FORM SECTIONS
========================================================= */

.wc-block-checkout .wc-block-components-checkout-step {
    width: 100% !important;
    max-width: none !important;
}

/* =========================================================
   INPUT ROWS
========================================================= */

.wc-block-checkout .wc-block-components-address-form {
    width: 100% !important;
}

/* Svi inputi */
.wc-block-checkout .wc-block-components-text-input,
.wc-block-checkout .wc-block-components-combobox {
    width: 100% !important;
    min-width: 0 !important;
}

/* =========================================================
   FIRST / LAST NAME
========================================================= */

/* =========================================================
   PHONE / FULL WIDTH
========================================================= */

.wc-block-checkout .wc-block-components-address-form__phone {
    width: 100% !important;
}

/* =========================================================
   PAYMENT
========================================================= */

.wc-block-checkout .wc-block-components-radio-control {
    width: 100% !important;
}

.wc-block-checkout .wc-block-components-radio-control__option {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* =========================================================
   ORDER SUMMARY
========================================================= */

.wc-block-checkout .wc-block-components-order-summary {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* product row */
.wc-block-checkout .wc-block-components-order-summary-item {
    width: 100% !important;
    min-width: 0 !important;
}

/* product image */
.wc-block-checkout .wc-block-components-order-summary-item__image {
    flex: 0 0 auto !important;
}

/* product content */
.wc-block-checkout .wc-block-components-order-summary-item__description {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

/* product title */
.wc-block-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-name {
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

/* =========================================================
   COUPON
========================================================= */

.wc-block-checkout
.wc-block-components-totals-coupon__form {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
}

.wc-block-checkout
.wc-block-components-totals-coupon__input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
}

.wc-block-checkout
.wc-block-components-totals-coupon__button {
    flex: 0 0 110px !important;
    width: 110px !important;
}

/* =========================================================
   TOTALS
========================================================= */

.wc-block-checkout
.wc-block-components-totals-item {
    width: 100% !important;
    box-sizing: border-box !important;
}

.wc-block-checkout
.wc-block-components-totals-item__value {
    margin-left: auto !important;
}

/* =========================================================
   PLACE ORDER
========================================================= */

.wc-block-checkout
.wc-block-checkout__actions {
    width: 100% !important;
}

.wc-block-checkout
.wc-block-components-checkout-place-order-button {
    width: 100% !important;
    max-width: none !important;
}

.wc-block-checkout__sidebar .wc-block-components-totals-footer-item {
   padding-left:16px !important;
   padding-right:16px !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
  border-radius:24px !important;
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 900px) {

    .wc-block-checkout .wc-block-components-sidebar-layout {
        flex-direction: column !important;
        gap: 30px !important;
    }

    .wc-block-checkout .wc-block-components-main,
    .wc-block-checkout .wc-block-components-sidebar {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 600px) {

    .wc-block-checkout .wc-block-components-address-form__first_name,
    .wc-block-checkout .wc-block-components-address-form__last_name,
    .wc-block-checkout .wc-block-components-address-form__postcode,
    .wc-block-checkout .wc-block-components-address-form__city {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .wc-block-checkout
    .wc-block-components-totals-coupon__form {
        gap: 10px !important;
    }

    .wc-block-checkout
    .wc-block-components-totals-coupon__button {
        flex: 0 0 105px !important;
        width: 105px !important;
    }

}

/* =========================================
   CHECKOUT - PLACE ORDER BUTTON
========================================= */

.wc-block-components-checkout-place-order-button {
    width: 100% !important;
    min-height: 62px !important;
    padding: 0 30px !important;

    background-color: #7A8F5D !important;
    border: none !important;
    border-radius: 40px !important;

    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: inherit !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.3s ease !important;
}

/* tekst */
.wc-block-components-checkout-place-order-button
.wc-block-components-button__text,
.wc-block-components-checkout-place-order-button__text {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* hover */
.wc-block-components-checkout-place-order-button:hover {
    background-color: #6D8052 !important;
}

/* focus */
.wc-block-components-checkout-place-order-button:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* disabled */
.wc-block-components-checkout-place-order-button:disabled {
    opacity: 1 !important;
    cursor: not-allowed !important;
}

/* mobile */
@media (max-width: 767px) {
    .wc-block-components-checkout-place-order-button {
        min-height: 54px !important;
        padding: 0 24px !important;
        font-size: 14px !important;
    }

    .wc-block-components-checkout-place-order-button
    .wc-block-components-button__text,
    .wc-block-components-checkout-place-order-button__text {
        font-size: 14px !important;
    }
}