/*
Theme Name: Procto Glyvenol
Author: Andweb
Author URI: https://www.andweb.ro/
Description: A custom theme for Procto Glyvenol.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: procto-glyvenol
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html,body{
	overflow-x: hidden !important;
}
body {
	line-height: 1;
	font-family: "Inter", sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4 / 3;
    --wp--preset--aspect-ratio--3-4: 3 / 4;
    --wp--preset--aspect-ratio--3-2: 3 / 2;
    --wp--preset--aspect-ratio--2-3: 2 / 3;
    --wp--preset--aspect-ratio--16-9: 16 / 9;
    --wp--preset--aspect-ratio--9-16: 9 / 16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--navy-500: #002856;
    --wp--preset--color--blue-500: #009CCA;
    --wp--preset--color--blue-200: #daebf4;
    --wp--preset--color--blue-100: #ECF5F9;
    --wp--preset--color--red: #CE0E2D;
    --wp--preset--color--light-bg: #F9FBFE;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.682), 20px);
    --wp--preset--font-size--large: clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.586), 36px);
    --wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.93), 42px);
    --wp--preset--font-size--h-1: clamp(2.4375rem, 2.438rem + ((1vw - 0.2rem) * 2.5), 3.8125rem);
    --wp--preset--font-size--h-2: clamp(2.124rem, 2.124rem + ((1vw - 0.2rem) * 2.047), 3.25rem);
    --wp--preset--font-size--h-3: clamp(1.8125rem, 1.813rem + ((1vw - 0.2rem) * 1.818), 2.8125rem);
    --wp--preset--font-size--h-4: clamp(1.5625rem, 1.563rem + ((1vw - 0.2rem) * 1.022), 2.125rem);
    --wp--preset--font-size--h-5: clamp(1.375rem, 1.375rem + ((1vw - 0.2rem) * 0.342), 1.5625rem);
    --wp--preset--font-size--h-6: 1.125rem;
    --wp--preset--font-size--number: clamp(2.125rem, 2.125rem + ((1vw - 0.2rem) * 1.251), 2.8125rem);
    --wp--preset--font-size--body: 1rem;
    --wp--preset--font-size--body-small: 0.875rem;
    --wp--preset--font-size--caption: 0.75rem;
    --wp--preset--font-size--button-lg: 1.376rem;
    --wp--preset--font-size--button: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.682), 1.375rem);
    --wp--preset--font-size--breadcrumbs: 0.875rem;
    --wp--preset--font-family--poppins: Poppins, sans-serif;
    --wp--preset--font-family--inter: Inter, sans-serif;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
    --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
    --wp--preset--border-radius--20: 20px;
    --wp--custom--spacing--small: max(1.25rem, 5vw);
    --wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)));
    --wp--custom--spacing--large: clamp(4rem, 10vw, 8rem);
    --wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.25rem);
    --wp--custom--spacing--banner-padding: 1.25rem;
    --wp--custom--spacing--banner-padding-mobile: 1rem;
    --wp--custom--spacing--content-bottom: clamp(96px, calc(96px + (100vw - 390px) * 24 / 1050), 120px);
    --wp--custom--button--font-family: var(--wp--custom--body-font);
    --wp--custom--button--font-weight: 600;
    --wp--custom--button--line-height-mobile: 1.5;
    --wp--custom--button--line-height-desktop: 1.4;
    --wp--custom--button--padding-y-mobile: 12px;
    --wp--custom--button--padding-x-mobile: 32px;
    --wp--custom--button--padding-y-desktop: 14px;
    --wp--custom--button--padding-x-desktop: 36px;
    --wp--custom--button--radius: 4px;
    --wp--custom--button--text-color: var(--wp--preset--color--navy-500);
    --wp--custom--button--bg-color: var(--wp--preset--color--white);
    --wp--custom--button--focus-color: var(--wp--preset--color--blue-500);
    --wp--custom--heading-font: var(--wp--preset--font-family--poppins);
    --wp--custom--body-font: var(--wp--preset--font-family--inter);
}
.has-h-4-font-size {
    font-size: var(--wp--preset--font-size--h-4) !important;
}
.navbar{
	padding: 25px;
	box-shadow: 0 4px 24px rgba(4,12,25,.15);
}
.mega-sub-menu[role="presentation"],#mega-sub-menu-9{
	box-shadow: 0 4px 24px rgba(4,12,25,.15) !important;
	margin-top: 25px !important;
}
#mega-sub-menu-9 .mega-menu-link{
	justify-content: center;
	font-size: 16px !important;
}
#mega-menu-9-0 .mega-sub-menu{
	display: flex !important;
}
.mega-menu-row{
	display: flex !important;
	justify-content: center !important;
}
.mega-menu-row .mega-sub-menu[role="presentation"]{
	box-shadow: initial !important;
	width: 70% !important;
}
#mega-menu-primary .mega-menu-link{
    font-weight: 500 !important;
	display: flex !important;
	font-size:15px !important;
}
.h1-heading{
	color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  margin: 0 0 8px;
  font-size: var(--wp--preset--font-size--h-1);
}
.page-banner{
	overflow: hidden;
	position: relative;
	width: 100%;
	/*min-height: 650px;*/
	border-radius: 35px;
}
.page-image img{
    width:100%;
}
.page-banner-media{
	background: radial-gradient(45.85% 105.92% at 36.24% 50%, #008eac 0, #005f83 100%);
	border-radius: inherit;
	inset: 0;
	position: absolute;
}
.page-banner-media img{
	height: 100%;
	width: 100%;
	position: absolute;
	object-position: center;
	object-fit: contain;
	inset: 0;
}
.page-banner-content{
    background: transparent;
    display: flex;
    flex-direction: column;
    inset: 0;
    justify-content: center;
    padding: 24px 24px 24px 100px;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}
.page-banner-content p{
	font-size: 28px;
	margin-bottom: 48px;
	color: #fff;
}
.wp-block-button__link{
	background: #fff;
	border-radius: 5px;
	color: var(--wp--preset--color--navy-500);
	font-weight: 500;
	font-size: var(--wp--preset--font-size--button);
}
.footer-first-column{
	background: #ecf5f9;
	padding: 64px 20px;
}
.blue-p{
	color: var(--wp--preset--color--navy-500);
  font-size: var(--wp--preset--font-size--h-5) !important;
  font-family: var(--wp--preset--font-family--poppins) !important;
  font-weight: 600;
  margin-bottom: 30px;
}
.small-p{
  font-family: var(--wp--preset--font-family--poppins) !important;
  font-size: var(--wp--preset--font-size--caption) !important;
  font-weight: 400;
  color: var(--wp--preset--color--navy-500) !important;;
}
footer{
	background-color: var(--wp--preset--color--navy-500);
  padding: 64px 80px;
  color: #fff;
}
.footer-first-row{
	margin-bottom: 48px;
}
.footer-first-row p,.footer-first-row a,.footer-second-row p{
	opacity: .6;
	color: #fff !important;
	text-decoration: none;
	font-size: var(--wp--preset--font-size--body-small);
	line-height: 1.5;
}
footer h6{
	margin-bottom: 25px;
  font-family: var(--wp--preset--font-family--poppins) !important;
  font-size: var(--wp--preset--font-size--h-6);
  font-weight: 600;
  line-height: 1.4;
}
.footer-second-row a{
	text-decoration: none;
	opacity: .6;
	color: #fff;
}
.footer-second-row li{
	margin-bottom: 30px;
}
.benefits{
	max-width: 1063px;
	justify-content: center;
	margin: auto;
	padding: 72px 0;
}
.benefit-box{
	position: relative;
	margin: 0;
  align-items: stretch;
  height: 100%;
  padding-left: 0;
  width: 100%;
}
.benefit-box h3{
    align-items: center;
    background: var(--wp--preset--color--blue-100, #ecf5f9);
    color: var(--wp--preset--color--navy-500, #002856);
    display: flex;
    font-family: var(--wp--custom--heading-font);
    font-size: var(--wp--preset--font-size--h-5, 22px);
    font-weight: 600;
    margin: 0;
    min-height: 126px;
    width: 100%;
    border-radius: 20px;
    justify-content: center;
    line-height: 1.3;
    padding: 80px 20px 40px;
    text-align: center;	
}
.benefit-box figure{
	position: absolute;
	z-index: 2;
	margin: 0;
	line-height: 0;
  height: 84px;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 84px;	
}
.benefit-box img{
    inset: 50% auto auto 50%;
    margin: 0;
    object-fit: contain;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 48px;
    height: 48px;
}
.benefit-box figure:before{
    background: var(--wp--preset--color--blue-500, #009cca);
    content: "";
    inset: 0;
    position: absolute;
    transform: rotate(45deg);
    z-index: 0;
}
.desktop-hide{
    display: none !important;
}
.prod-slider{
    background-color: var(--wp--preset--color--blue-100);
    padding: 90px 0 60px 0;
}
.main-h1{
    font-family: var(--wp--custom--heading-font);
    font-size: var(--wp--preset--font-size--h-1);
    font-weight: 600;
    line-height: 1.2;
    color: var(--wp--preset--color--navy-500);
}
.main-h2{
    color: var(--wp--preset--color--navy-500);
    font-family: var(--wp--preset--font-family--poppins);
    font-weight: 600;
    font-size: 52px;
    line-height: 1.2;
}
.main-h4{
    margin-top: 24px;
    font-family: var(--wp--custom--heading-font);
    font-size: var(--wp--preset--font-size--h-4);
    font-weight: 600;
    line-height: 1.3;
    color: var(--wp--preset--color--navy-500);;
}
.normal-btn a{
    background-color: var(--wp--preset--color--navy-500);
    color: #fff;
    opacity: .85;
    font-size: 16px;
    padding: 18px 32px;
    height: auto;
}
.swiper-container,.main-products-slider,.mySwiper,.main-blog-slider,.blogSwiper {
    overflow: visible !important;
}
.main-products-slider{
    max-width: 1440px;
    margin: 80px auto 0 auto;
    padding: 0 80px;
    position: relative;
}
.swiper-slide {
    width: 550px !important;
}
.prod-btn a{
    align-self: flex-start;
    background-color: var(--wp--preset--color--blue-500);
    border-radius: 4px;
    color: var(--wp--preset--color--white);
    display: inline-block;
    font-family: var(--wp--preset--font-family--inter);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    padding: 6px 16px;
}
.prod-title{
    font-size: 25px;
    font-family: var(--wp--preset--font-family--poppins);
    font-weight: 600;
    line-height: 1.3;
    color: #000;
    margin: 10px 0;
}
.prod-img{
    background:linear-gradient(160deg, #daeef8, #b8d5eb);
    padding: 15px;
    height:15vw;
    position:relative;
}
.product-div .prod-img{
    height:25vw;
}
.product-div{
    background: #fff;
    border: 1px solid #b8d8ee;
    border-radius: 14px;
    overflow: hidden;
}
.product-div:first-child{
    margin-right:15px;
}
.prod-img img{
    width: 90%;
    display: block;
    object-fit: cover;
    transition: 0.3s ease all;
    margin: auto;
    height: auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.prod-img:hover img{
    width:95%;
}
.product-box{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.prod-title strong{
    color: var(--wp--preset--color--red);;
}
.prod-info{
    font-size: var(--wp--preset--font-size--body);
    line-height: 1.5;
    color: var(--wp--preset--color--navy-500);
    opacity: .8;
    font-weight: 400;
}
.prod-a{
    align-items: center;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    gap: 6px;
    margin-top: 4px;
    text-decoration: none;
    color: var(--wp--preset--color--navy-500);
    font-family: var(--wp--preset--font-family--inter);
    line-height: 1.5;
    transition: all 0.3s ease-in-out;
}
.prod-a:hover{
    color: var(--wp--preset--color--blue-500) !important;
}
.prod-a svg{
    transition: transform 0.3s ease-in-out;
}

.prod-a:hover svg{
    transform: translateX(5px);
}
.swiper-nvg{
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 132px auto;
    gap: 16px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
}
.swiper-button-next, .swiper-button-prev {
    color: var(--wp--preset--color--navy-500);
    flex-shrink: 0;
    height: 44px;
    margin-top: 0 !important;
    position: static !important;
    top: auto !important;
    width: 44px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 18px;
    font-weight: 700;
}
.swiper-pagination {
    align-items: center;
    bottom: auto !important;
    display: flex !important;
    left: auto !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
}
.swiper-pagination-bullet {
    background: var(--wp--preset--color--blue-200) !important;
    border-radius: 0 !important;
    flex-shrink: 0;
    height: 12px !important;
    margin: 0 8px !important;
    opacity: 1 !important;
    transform: rotate(0deg);
    transition: transform .3s ease, background .3s ease;
    width: 12px !important;
}
.swiper-pagination-bullet-active {
    background: var(--wp--preset--color--blue-500) !important;
    transform: rotate(45deg);
}
.swiper{
    height: max-content;
}

.pg-testimonials-section {
    position: relative;
    width: 100%;
    height: 90vh;
    min-height: 500px;
    overflow: hidden;
    background: #000;
    font-family: sans-serif;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
}

.pg-video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.pg-video-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.pg-video-slide.active {
    opacity: 1;
    z-index: 1;
}

.pg-testimonials__overlay {
    background: linear-gradient(90deg, rgba(4, 43, 85, .55), rgba(4, 43, 85, .25) 44%, rgba(4, 43, 85, .45));
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}

.pg-heading-area {
    position: absolute;
    top: 10%;
    left: 5%;
    z-index: 3;
    color: white;
}

.pg-title {
    font-size: 52px;
    font-weight: 600;
    line-height: 1.2;
    font-family: var(--wp--preset--font-family--poppins, sans-serif);
}

/* Buton Play/Pause */
.pg-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: white;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s;
}

.pg-play-btn:hover { transform: translate(-50%, -50%); }

.play-icon {
    width: 0; height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #333;
    margin-left: 5px;
}

.pg-play-btn.playing .play-icon,#singlePlayBtn.playing .play-icon-small {
    width: 15px; height: 15px;
    border: none;
    background: #333;
    margin-left: 0;
}

/* Navigația de jos */
.pg-nav-tabs {
    position: absolute;
    bottom: 40px;
    left: 5%;
    right: 5%;
    display: flex;
    gap: 10px;
    z-index: 3;
}

.pg-tab {
    background: transparent;
    border: 0;
    border-top: 3px solid #fff;
    color: #fff;
    cursor: pointer;
    opacity: .36;
    padding: 16px 0 0;
    text-align: left;
    overflow: hidden;
    transition: opacity .4s ease, flex-basis .4s ease, max-width .4s ease;
    min-height: 124px;
}
.pg-tab:not(.active) {
    flex: 1 1 0;
    max-width: none;
    min-width: 40px;
    transform: none;
}
.pg-tab.active {
    opacity: 1;
    flex: 0 0 33.333%;
    flex-shrink: 0;
    max-width: 33.333%;
    min-width: 160px;
    transform: none;
}
.pg-tab .testimonial-name{
    display: none;
}
.pg-tab.active .testimonial-name{
    display: block;
    font-family: var(--wp--preset--font-family--poppins, sans-serif);
    font-size: 25px;
    clip-path: inset(0 0 0 0);
    font-weight: 600;
    line-height: 1.4;
    max-height: 56px;
    min-width: 0;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: translateY(0);
    transition: opacity .75s ease, max-height .75s ease, transform .75s ease, clip-path .75s ease;
    white-space: nowrap;
}
.testimonial-number{
    font-family: var(--wp--preset--font-family--poppins, sans-serif);
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 8px;
    font-size: 45px;
}
.custom-acc-item {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid var(--wp--preset--color--navy-200,#e1e6ed);
}

.custom-acc-item:last-child {
    border-bottom: none !important;
}

.accordion-button {
    padding: 20px 20px 20px 12px;
    background-color: transparent !important;
    box-shadow: none !important; 
    color: var(--wp--preset--color--navy-500) !important;
    font-family: var(--wp--preset--font-family--poppins) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

.accordion-button:not(.collapsed) {
    color: #003366;
    border-bottom: none;
}
.breadcrumbs-bk{
    background-color: var(--wp--preset--color--blue-200);
    color: var(--wp--preset--color--navy-500);
    font-family: var(--wp--preset--font-family--inter);
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 0;
    padding: 22px 80px;
    margin-bottom: 0;
}
.sep{
    margin: 0 10px;
}
.breadcrumbs-bk a:hover {
    color: var(--wp--preset--color--blue-500) !important;
}
.breadcrumbs-bk span, .breadcrumbs-bk a{
    color: var(--wp--preset--color--navy-500);
    font-family: var(--wp--preset--font-family--inter);
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1.5;
    transition: 0.3s ease all;
    text-decoration: none;
}
.contact-blue{
    padding: 20px;
    background-color: var(--wp--preset--color--blue-100);
    border-radius: var(--wp--preset--border-radius--20, 20px);
    margin-bottom: 24px;
}
.contact-info{
    font-size: var(--wp--preset--font-size--body);
    line-height: 1.5;
    color: var(--wp--preset--color--navy-500);
    margin-bottom: 16px;
}
.contact-company{
    color: var(--wp--preset--color--navy-500);
    font-size: var(--wp--preset--font-size--h-5);
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 16px;
    font-family: var(--wp--custom--heading-font);
}
.contact-warning{
    font-size: var(--wp--preset--font-size--body);
    line-height: 1.5;
    color: var(--wp--preset--color--navy-500);
    margin: 20px 0;
}
.mail-contact,.phone-contact {
    display: flex;
    align-items: center;
    color: var(--wp--preset--color--navy-500);
    gap: 10px;
    margin-bottom: 10px;
}
.mail-contact a,.phone-contact a{
    align-items: center;
    color: var(--wp--preset--color--navy-500);
    display: flex;
    font-size: var(--wp--preset--font-size--body);
    font-weight: 600;
    gap: 12px;
    line-height: 1.5;
    text-decoration: none;
    transition: 0.3s ease all;
}
.mail-contact:hover a,.phone-contact:hover a{
    color: var(--wp--preset--color--blue-500);
}
.pb-main{
    padding-bottom: var(--wp--custom--spacing--content-bottom);
}
.accordion-body {
    padding: 0 20px 20px 12px !important;
    color: var(--wp--preset--color--navy-500);
    font-size: var(--wp--preset--font-size--body);
    line-height: 1.5;
}

.accordion-button::after {
    background-size: 1rem;
}
.wpcf7 label{
    color: var(--wp--preset--color--navy-500);
    display: block;
    font-size: var(--wp--preset--font-size--breadcrumbs);
    font-weight: 500;
    line-height: 1.5;
}
.wpcf7 .wpcf7-text,.wpcf7 .wpcf7-email,.wpcf7 textarea{
    background-color: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--navy-500);
    border-radius: var(--wp--custom--button--radius, 4px);
    box-sizing: border-box;
    color: var(--wp--preset--color--navy-500);
    font-size: var(--wp--preset--font-size--body);
    font-weight: 500;
    line-height: 1.5;
    padding: 12px 16px;
    width: 100%;
}
.wpcf7-acceptance span{
    margin: 0;
}
.wpcf7-list-item-label{
    font-size: var(--wp--preset--font-size--caption);
    font-weight: 400;
    color: var(--wp--preset--color--navy-500);
    line-height: 1.5;
}
/* Starea de bază a checkbox-ului */
.wpcf7-acceptance input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid var(--wp--preset--color--navy-500, #002d58);
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    width: 25px; 
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: background-color .15s ease, border-color .15s ease;
    padding: 0 !important;
}
.wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* Starea când este bifat - fundalul devine bleumarin */
.wpcf7-acceptance input:checked {
    background-color: var(--wp--preset--color--navy-500, #002d58);
    border-color: var(--wp--preset--color--navy-500, #002d58);
}

/* Crearea bifei albe */
.wpcf7-acceptance input:checked:after {
        content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -50%) rotate(45deg);
}
.wpcf7-acceptance label{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 25px 0;
}
.wpcf7-submit {
    background-color: var(--wp--preset--color--navy-500);
    border: none;
    border-radius: var(--wp--custom--button--radius, 4px);
    color: var(--wp--preset--color--white);
    cursor: pointer;
    font-size: var(--wp--preset--font-size--button);
    font-weight: 600;
    line-height: 1.5;
    padding: 12px 32px;
    transition: opacity .25s ease;
}
@media (min-width: 1400px){
    .larger-container{
        max-width: 1440px !important;
    }
}
.info-text{
    opacity: .8;
    font-size: var(--wp--preset--font-size--body);
    line-height: 1.5;
    color: var(--wp--preset--color--navy-500);
}
.mw-600{
    max-width: 650px;
    margin: auto;
    display: block;
}
.mw-800{
    max-width: 750px;
    margin: auto;
    display: block;
}
.mw-900{
    max-width: 850px;
    margin: auto;
    display: block;
}
.blue-bk{
    background-color: var(--wp--preset--color--blue-100);
    padding: 96px 80px;
}
.pg-video-box {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    line-height: 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.pg-video-box video {
    width: 100%;
    height: auto;
    display: block;
}

/* Buton Play pentru această secțiune */
.pg-play-btn-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: white;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0.9;
}

.pg-play-btn-small:hover {
    transform: translate(-50%, -50%);
}

.play-icon-small {
    width: 0; height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #333;
    margin-left: 4px;
}
.blog-slider .swiper-slide{
    cursor: pointer;
    width: 385px !important;
}
.main-blog-slider{
    max-width: 1440px;
    margin: 25px auto 0 auto;
    padding: 0 80px;
    position: relative;
}
.main-blog-slider figure{
    border-radius: 25px;
    overflow: hidden;
}
.main-blog-slider img{
    transition: .4s ease;
}
.main-blog-slider .swiper-slide:hover img{
    transform: scale(1.04);
}
.main-blog-slider .swiper-slide:hover h3,.main-blog-slider .swiper-slide:hover p{
    color: var(--wp--preset--color--blue-500);
}
.main-blog-slider .swiper-nvg{
    margin: 40px auto 60px auto;
}
.info-box{
    border-radius: var(--wp--preset--border-radius--20);
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
    background-color: var(--wp--preset--color--blue-100) !important;
}
.main-h3{
    color: var(--wp--preset--color--navy-500) !important;
    font-weight: 700;
    line-height: 1.25;
    font-size: var(--wp--preset--font-size--h-5) !important;
}
.see-more{
    margin-top: 30px;
}
.see-more a{
    color: var(--wp--preset--color--navy-500);
    font-family: var(--wp--preset--font-family--poppins);
    text-decoration: none;
    font-weight: 500;
}
.product-content p{
    margin-top: 24px;
    font-size: var(--wp--preset--font-size--body);
    line-height: 1.5;
    color: var(--wp--preset--color--navy-500);;
}
.product-content .normal-btn{
    margin: 25px 0 50px 0;
}
.product-content .normal-btn a{
    font-size: 24px;
    padding: 16px 24px
}
.product-content ul{
    list-style: none !important;
    margin: 0;
    padding: 0 !important;
    margin-top: 24px;
}
.product-content li{
    align-items: flex-start;
    color: var(--wp--preset--color--navy-500);
    display: flex;
    font-family: var(--wp--preset--font-family--inter);
    font-size: 16px;
    gap: 8px;
    line-height: 1.5;
    padding: 0;
}
.product-content li::before{
    background-color: var(--wp--preset--color--blue-500);
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 8px;
    margin-top: 8px;
    transform: rotate(45deg);
    width: 8px;
}
.detail-prod-title{
    font-size: 45px;
    line-height: 1.25;
}
.product-margin{
    margin: 50px 0;
}
.product-content .prod-btn a{
    color: #FFF !important;
    font-size: 16px;
}
.btn-filter{
    align-items: center;
    background-color: transparent;
    border-radius: 4px;
    color: var(--wp--preset--color--navy-500);
    display: inline-flex;
    font-family: var(--wp--preset--font-family--inter);
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 1.5;
    padding: 10px 12px;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
    border: none;
}
.btn-filter:hover{
    color: var(--wp--preset--color--blue-500);
    background-color:  var(--wp--preset--color--blue-100);
}
.btn-filter.active{
    background-color: var(--wp--preset--color--blue-200);
    color: var(--wp--preset--color--blue-500);
    font-weight: 600;
    pointer-events: none;
}
.category-badge .badge{
    align-items: center;
    align-self: flex-start;
    background-color: #e1e6ed;
    border-radius: 4px;
    color: var(--wp--preset--color--navy-500);
    display: inline-flex;
    font-family: var(--wp--preset--font-family--inter);
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    line-height: 1.6;
    padding: 4px 12px;
    text-decoration: none;
}
.post-thumbnail{
    aspect-ratio: 413 / 275;
    border-radius: var(--wp--custom--border--radius-sizes--20, 20px);
    flex-shrink: 0;
    overflow: hidden;
    width: 100%;
}
.post-thumbnail:hover img{
    transform: scale(1.03);
}
.post-thumbnail img{
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .3s ease;
    width: 100%;
}
.post-title a{
    color: var(--wp--preset--color--navy-500);
    font-family: var(--wp--preset--font-family--poppins);
    font-size: 25px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}
.post-excerpt{
    color: var(--wp--preset--color--navy-500);
    display: -webkit-box;
    font-family: var(--wp--preset--font-family--inter);
    font-size: var(--wp--preset--font-size--body);
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    opacity: .8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.post-date{
    font-size: 14px;
    font-weight: 400;
    opacity: .8;
    color: var(--wp--preset--color--navy-500);
    font-family: var(--wp--preset--font-family--inter);
    line-height: 1.5;
}
.read-more{
    color: var(--wp--preset--color--navy-500);
    font-family: var(--wp--preset--font-family--inter);
    line-height: 1.5;
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    gap: 12px;
    justify-content: center;
    padding: 10px 0;
    transition: gap .3s ease;
}
.read-more:hover{
    gap: 20px;
}
.page-numbers{
    align-items: center;
    border: 2px solid transparent;
    border-radius: 4px;
    display: inline-flex;
    font-family: var(--wp--preset--font-family--inter);
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    line-height: 1;
    min-width: 40px;
    padding: 10px 12px;
    text-decoration: none;
    color: var(--wp--preset--color--navy-500);
    transition: border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease;
}
.page-numbers:hover{
    border: 2px solid var(--wp--preset--color--navy-500);
}
.page-numbers.current{
    background-color: var(--wp--preset--color--navy-500);
    border-color: var(--wp--preset--color--navy-500);
    color: var(--wp--preset--color--white);
}
.article-background-image{
    align-items: center;
    background-position: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 530px;
    overflow: hidden;
    overflow: clip;
    padding: 1em;
    position: relative;
}
.article-background-image img{
    border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.image-overlay{
    bottom: 0;
    left: 0;
    opacity: .3;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: var(--wp--preset--color--black) !important;
}
.article-content{
    background-color: #fff;
    position: relative;
    z-index: 2;
    border-radius: 20px 20px 0 0;
    padding: 40px 90px 96px 90px !important;
    margin-top: -288px !important;
    max-width: 900px;
    margin: auto;
}
.separator{
    border-bottom: 2px solid var(--wp--preset--color--navy-200, #e1e6ed);
    padding: 25px 0;
    margin-bottom: 50px;
}
.toc-container h4{
    color: var(--wp--preset--color--navy-500);
    font-family: var(--wp--preset--font-family--inter);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0;
}
.toc-list a{
    color: var(--wp--preset--color--navy-500);
    counter-increment: item;
    font-family: var(--wp--preset--font-family--inter);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 8px;
}
.toc-container{
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 48px;
    padding: 30px;
}
.article-main-content h1,.article-main-content h2,.article-main-content h3,.article-main-content h4,.article-main-content h5,.article-main-content h6{
    font-size: 34px;
    color: var(--wp--preset--color--navy-500);
    font-family: var(--wp--preset--font-family--poppins);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 24px;
    margin-top: 48px;
}
.article-main-content p{
    color: var(--wp--preset--color--navy-500);
    font-family: var(--wp--preset--font-family--inter);
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 12px;
}
.article-main-content a{
    color: var(--wp--preset--color--navy-500);
    -webkit-text-decoration: underline solid var(--wp--preset--color--navy-500) 3px;
    text-decoration: underline solid var(--wp--preset--color--navy-500) 3px;
    text-underline-offset: 4px;
    transition: .3s;
}
.article-main-content a:hover{
    color: var(--wp--preset--color--blue-500);
    -webkit-text-decoration: underline solid var(--wp--preset--color--blue-500) 3px;
    text-decoration: underline solid var(--wp--preset--color--blue-500) 3px;
}
.blog-post-breadcrumb{
    position: absolute;
    top: 0;
    z-index: 2;
    background: transparent;
    color: #fff;
}
.blog-post-breadcrumb a,.blog-post-breadcrumb .sep{
    color: #FFF;
}
@media screen and (max-width: 991px){
    .prod-img{
        height:auto;
    }
    .product-div .prod-img {
        height: 35vw;
    }
    .prod-img img{
        position:relative;
        left:initial;
        top:initial;
        transform:initial;
        padding:35px 0;
    }
    .product-div .prod-img img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .navbar{
        padding:25px 25px 75px 25px;
    }
    .mb-reverse-column{
        flex-direction: column-reverse;
    }
    footer{
        padding: 64px 20px;
    }
    footer .container,.footer-first-column .container,.reset-container{
        max-width: initial !important;
    }
    .footer-first-column p{
        line-height: 1.5;
    }
    .main-blog-slider,.main-products-slider{
        padding: 0;
    }
    .pg-video-box{
        margin-top: 25px;
    }
    #singlePlayBtn.playing{
        opacity: 0 !important;
    }
    .mobile-hide{
        display: none !important;
    }
    .main-products-slider .swiper-nvg{
        margin: 60px auto 20px auto;
    }
    .main-products-slider .swiper-slide{
        width: 380px !important;
    }
    .main-h2{
        font-size: 32px;
    }
    .benefit-box{
        width: 50%;
        margin: auto;
        padding: 10px 0;
    }
    .benefit-box figure{
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 64px;
        height: 64px;
    }
    .benefit-box img{
        width: 34px;
        height: 34px;
    }
    .benefit-box h3{
        padding: 40px 0;
        text-align: left;
    }
    .page-banner-media img{
        height: 100%;
        inset: 0;
        object-fit: contain;
        object-position: top center;
        position: absolute;
        width: 100%;
    }
    .desktop-hide{
        display: block !important;
    }
    .wp-block-buttons.desktop-hide{
        text-align: center;
    }
    .page-banner-content{
        justify-content: flex-end;
        padding: 0 0 25px 25px;
    }
    .navbar-brand{
        width: 50% !important;
        display: block;
    }
    .navbar-brand img{
        width: 100%;
        display: block;
    }
    .navbar-toggler{
        display: none;
    }
    .navbar-collapse{
        display: block !important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle{
        background: initial !important;
    }
    .mega-toggle-block{
        border-radius: 50px;
        background-color: #002856;
    }
    .mega-toggle-animated-inner,.mega-toggle-animated-inner::before,.mega-toggle-animated-inner::after{
        width: 25px !important;
        left: 50%;
        transform: translate(-50%);
        height: 3px !important;
    }
    .max-mega-menu{
        width: 100% !important;
    }
    .mega-close{
        right: 0 !important;
    }
    .mega-close::before{
        color: #000 !important;
        font-size: 22px !important;
    }
    .pg-title,.testimonial-number{
        font-size: 34px;
    }
    .pg-tab .testimonial-name{
        font-size: 18px !important;
    }
    .benefits{
        padding:0;
    }
    .page-banner{
        min-height:auto;
    }
}
@media screen and (max-width: 600px){
    .prod-img{
        height:auto !important;
    }
    .prod-img img{
        position:relative !important;
        left:initial !important;
        top:initial !important;
        transform:initial !important;
        padding:35px 0 !important;
    }
    .breadcrumbs-bk{
        padding:20px 10px;
    }
    .navbar-brand {
        width: 100% !important;
    }
    .product-div:first-child{
        margin-right:0;
    }
    .article-content{
        padding: 20px !important;
    }
    .article-main-content h2, .article-main-content h3, .article-main-content h4, .article-main-content h5, .article-main-content h6{
        font-size: 28px;
    }
    .contact-blue{
        margin: 50px 0 10px 0;
    }
    .benefit-box{
        width: 100%;
    }
    .benefit-box h3{
        padding: 40px 0 40px 60px;
    }
    .main-products-slider .swiper-slide,.blog-slider .swiper-slide{
        width: 300px !important;
    }
    .pg-testimonials-section{
        height: 50vh;
        overflow: hidden;
    }
    .blue-bk{
        padding: 50px 5px;
    }
    .mw-600{
        max-width: 100%;
    }
    .pg-nav-tabs{
        white-space: nowrap;
        overflow-x: auto;
        scroll-behavior: smooth;
        -ms-overflow-style: none;
        scrollbar-width: none; 
    }
    .reduce-spacing{
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .info-box{
        margin-bottom: 20px;
    }
    .footer-first-row{
        gap: 15px;
    }
    footer{
        padding: 30px 0 10px 0;
    }
}