.perc30 {width:30%;text-align:center;}
.internetP .perc30 {font-size:16px;}
.internetP .title {font-size:40px;font-weight:700;margin:20px 0;}
.internetP .perc30 img {max-width:180px;}
.alignCenter {text-align:center;}
.ofertaIn {padding:30px;}
.ofertaIn1 {text-align:center;color:#fff;padding:200px 30px;}
.ofertaIn2 {padding-bottom:50px;}
.tLin1 {font-weight:700;font-size:60px;}
.tLin2 {font-size:30px;font-weight:400;}
.tLin3 {font-size:66px;font-weight:700;}
#formularz .half {width:49%;margin-bottom:2%;}
#accordion {max-width:1000px;margin:0 auto;}
#accordion h3 {background:#f3f3f3;cursor:pointer;border-bottom:4px solid #808080;padding:50px 10px;margin-top:10px;}
#accordion h3.ui-state-active {background:#2fbeaf;color:#fff;border:0;}
#aplikujBg {height:auto;width:100%;position:absolute;background-image:url('/wp-content/themes/softset/images/bg4.jpg');background-size:cover;z-index:9999;text-align:center;padding:0 60px;}
.aplikujCont {max-width:1000px;margin:2% auto;padding:20px 30px;background:rgba(255,255,255,0.6);position:relative;}
.half {width:49%;}
img {border:none;}
a {text-decoration:none; color:#ffffff;}
a:hover {text-decoration:none; color:#FFFF66;}
a:visited {text-decoration:none;}
a:focus {text-decoration:none;}
a {outline:none;}
a img {border:none;}
img {max-width:100%;}
b,strong {font-weight:700;}
* {box-sizing:border-box;-mox-box-sizing:border-box;-webkit-box-sizing:border-box;}
html,body {margin:0;padding:0;height:100%;font-family: "Poppins", sans-serif;}
.redrose,.nag,h1,h2 { font-family: "Red Rose", serif;}
h1 {font-weight:400;}
h1 b,h1 span {font-weight:700;}
.flex {display:flex;justify-content:space-between;flex-wrap:wrap;}
.flexStart {justify-content:flex-start;}
.flexEnd {justify-content:flex-end;}
.flexCenter {justify-content:center;}
.flexVcenter {align-items:center;}
.flexVend {align-items:flex-end;}
.flexAround {justify-content:space-around;}
.flexVstart {align-items:flex-start;}
.flexNowrap {flex-wrap:nowrap;}
#wrapper {min-height:100%;position:relative;}
#header {background:url('images/img1.jpg');background-size:cover;background-position:top center;height:100vh;display:flex;align-items:center;min-height:700px;}
.header {  background: #D9FBFF9E;  backdrop-filter: blur(10px);display:inline-block;width:45%;padding:50px 5%;border-top-right-radius: 100px;position:relative;}
.header h1 {font-size:32px;color:#0E5E67;}
p {font-size:13px;line-height:1.7;}
.header .button {position:absolute;right:-40px;bottom:-20px;}
#menu ul {margin:0px;padding:0px;font-size:20px;}
#menu ul li {list-style:none;text-align:center;padding:20px 20px;display:inline-block;}
#menu ul li a {padding:20px 0px;color:#0E5E67;}
#menu ul li a:hover {color:#000;}
#menu ul li ul {display:none;text-align:left;width:300px;position:absolute;margin-top:20px;background:#000;padding:5px 0;}
#menu ul li ul li {width:100%;text-align:left;padding:6px 10px;}
#menu ul li ul li a {color:#fff;padding:5px 0;}
#menu ul li ul li a:hover {color:#ccc;}
#menu ul li:hover ul {display:block;}
.social {margin-right:50px;}
.social a {margin-left:20px;opacity:0.3;}
.social a:hover {opacity:1;}
.mobile {display:none;}
#topbar {z-index:999;position:fixed;top:0;right:0;left:0;background:#fff;padding:20px 0;}
#topbar .flex {align-items:center;}
.logo {width:217px;}
#topbar.fixedHeader .logo {width:180px;}
#topbar.fixedHeader {padding:5px 0;}
#mobile-menu {background:rgba(255,255,255,0.9);z-index:998;position:fixed;top:0;bottom:0;right:0;left:0;text-align:center;padding-top:150px;display:none;}
#mobile-menu #menu ul li {width:100%;padding:5px 10px;}
#mobile-menu #menu ul li a {padding:3px 0px;}
#nav-icon {width: 40px;height: 27px;position: relative;margin: 10px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon span {display: block;position: absolute;height: 2px;width: 100%;background: #4DC583;border-radius: 9px;opacity: 1;right: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon span:nth-child(2) {top: 10px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon span:nth-child(3) {top: 20px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;width:50%;}
#nav-icon:hover span:nth-child(3) {width:100%;}
#nav-icon.open span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#nav-icon.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 25px;left: 8px;width:100%;}
.alignRight {text-align:right;}
.alignCenter {text-align:center;}
.button {cursor:pointer;display:inline-block;padding:10px 25px;background:#F9819C;border:2px solid #F9819C;border-bottom-left-radius: 20px;color:#fff;font-weight:900;font-size:13px;}
.button.button2 {background:#4DC583;border:2px solid #4DC583;}
.button:hover {background:#000;border:2px solid #000;color:#fff;}
.nag {font-size:32px;color:#0E5E67;}
.nag h1 {font-size:inherit;}
.nagMain {font-size:48px;margin-bottom:100px;}
#CoOferujemy {padding:100px 0;}
.coOfer1 {background:#D9FBFF9E;padding:50px 50px 50px 100px;border-top-right-radius: 100px;position:relative;width:500px;}
.coOfer2 {width:calc(100% - 550px);padding-right:100px;}
.offerBlock {width:30%;margin-bottom:40px;}
.offerBlock .nag {font-size:24px;}
.sectionRight .wrapper {position:relative;}
.sectionRight .image {width:80%;margin-left:20%;z-index:1;border-top-left-radius: 100px;border-bottom-left-radius: 100px;overflow:hidden;}
.sectionRight .image img {display:block;}
.sectionRight .content {position:absolute;left:0;top:20%;z-index:5;background:#D9FBFF9E;padding:50px 50px 50px 100px;border-top-right-radius: 100px;width:40%;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.sectionRight .button-wrap {position:absolute;right:-40px;bottom:-20px;}
.sectionRight .button {background:#4DC583;border:2px solid #4DC583;}
.mMedica1 {width:40%;}
.mMedica2 {width:55%;}
#mMedica {padding:100px 0;}
.mMedicaLogo {font-weight:700;color:#25b2ea;}
.mMedicaLogo span {color:#fb101a;}
.medicaBlock {width:24%;margin-bottom:20px;font-weight:700;color:#0E5E67;font-size:20px;text-align:center;}    
.sectionLeft {position: relative;}
.nfz-content {position: absolute;right: 0;	top: 20%;	z-index: 5;	background: #D9FBFF9E;	padding: 50px 100px 50px 50px;	border-top-left-radius: 100px;	width: 40%;	backdrop-filter: blur(10px);	-webkit-backdrop-filter: blur(10px);}
.nfz-image {width: 80%;margin-right: 20%;z-index: 1;border-top-right-radius: 100px;border-bottom-right-radius: 100px;overflow: hidden;}
.nfz-button-wrap {position: absolute;left: -40px;bottom: -20px;}
.imageBg img {display:block;}
#BackupCloud {padding:100px 0;}
.backup1,.backup2 {width:45%;}
.backupBlock {width:19%;border:1px solid #4DC583;padding:20px;box-shadow: 0 0 10px rgba(0,0,0,0.2);margin-top:20px;border-radius:15px;}
.backupBlock .nag {font-size:20px;font-weight:700;}
#ProjektyEU {margin-top:50px;}
#SprzetMedyczny {padding:100px 0;}
.sprzet1 {width:43%;padding:0 20px 0 10%;}
.sprzet2 {width:55%;background:#D9FBFF9E;padding:50px 50px 50px 100px;border-top-left-radius: 100px;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter: blur(10px);z-index:5;}
#SprzetMedyczny .image {margin-top:-100px;margin-left:10%;width:90%;}
.sprzetBlock {width:30%;background:#4DC583;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding:20px;border-radius:15px;border-radius:15px;margin-top:15px;text-align:center;color:#fff;}
.sprzetBlock .nag {font-size:20px;color:#fff;font-weight:700;}
.news {width:24%;margin:20px 0;padding-bottom:30px;position:relative;}
.news .img {border-radius:15px;aspect-ratio:4/4;overflow:hidden;}
.news .img img {width:100%;height:100%;object-fit: cover;}
.news .nag {font-size:24px;margin-top:20px;}
.news p {color:#0E5E67;font-size:15px;}
.news .data {color:#0E5E6780;font-size:15px;}
.news .more {color:#4DC583;font-weight:700;}
.news .newsBottom {position:absolute;bottom:0;left:0;right:0;}
#Partnerzy {padding:100px 0;}
.partnerFlex {margin-top:50px;}
.partnerFlex img {width:16%;object-fit:contain;max-width:150px;}
.napisz-form {
	width: 65%;
	padding-right: 40px;
}

.napisz-info {
	width: 35%;
	background: #E0F5F6;
	padding: 40px 50px;
	border-top-left-radius: 50px;
	position: relative;
	margin-left: -30px;
}

.napisz-info-title {
	font-size: 32px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 30px 0;
}

.napisz-contact-item {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 25px;
}

.napisz-contact-icon {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
}

.napisz-contact-text {
	font-size: 18px;
	color: #0E5E67;
	text-decoration: none;
	font-family: "Red Rose", serif;
	transition: color 0.3s;
}
.napisz-contact-item a {
	color:#4DC583;
	font-weight:700;
}

.napisz-contact-text:hover {
	color: #005757;
	text-decoration: underline;
}

.napisz-info-note {
	font-size: 14px;
	margin: 30px 0 0 0;
	font-family: "Poppins", sans-serif;
}
#Napisz {padding-left:10%;margin-top:100px;}
/* Contact Form 7 styles in footer */
#Napisz .wpcf7-form input, #Napisz .wpcf7-form textarea {margin-bottom:15px !important;}

#Napisz .wpcf7-form textarea {
	grid-column: 1 / -1;
	min-height: 150px;
}

#Napisz .wpcf7-form input[type="text"],
#Napisz .wpcf7-form input[type="email"],
#Napisz .wpcf7-form input[type="tel"],
#Napisz .wpcf7-form textarea {
	width: 100%;
	padding: 15px;
	margin-bottom: 0;
	border: 1px solid #4DC583;
	border-radius: 8px;
	font-size: 16px;
	font-family: "Poppins", sans-serif;
	box-sizing: border-box;
}

#Napisz .wpcf7-form input[type="text"]:focus,
#Napisz .wpcf7-form input[type="email"]:focus,
#Napisz .wpcf7-form input[type="tel"]:focus,
#Napisz .wpcf7-form textarea:focus {
	outline: none;
	border-color: #0E5E67;
}

#Napisz .wpcf7-form input[type="submit"] {
	grid-column: 1 / -1;
	background: #4DC583;
	color: #fff;
	padding: 15px 40px;
	border: none;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	font-size: 16px;
	font-weight: 700;
	font-family: "Red Rose", serif;
	cursor: pointer;
	transition: all 0.3s;
	justify-self: start;
	margin-top: 10px;
}

#Napisz .wpcf7-form input[type="submit"]:hover {
	background: #0E5E67;
}
.form1,.form2 {width:49%;}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea {width:100%;padding:15px;margin-bottom:20px;border:1px solid #4DC583;border-radius:8px;font-size:16px;resize:none;font-family: "Poppins", sans-serif;box-sizing:border-box;}
.form input[type="text"]::placeholder,.form input[type="email"]::placeholder,.form textarea::placeholder {font-family: "Poppins", sans-serif;}
form p {margin:0 !important;padding:0;}
.form1 span:last-of-type input {margin-bottom:0;}
.form2 p {height:100%;}
.form textarea {height:100%;}
.form .flex {margin-bottom:20px;}
.lineTop {border-top:1px solid #00000040;}
footer {margin-top:100px;}
footer .lineTop .flex {padding:30px 0;}
footer a {color:#0E5E67;margin-right:20px;}
footer a:hover {color:#000 !important;}
footer .footerBottom a {color:#0E5E675C;}
footer .footerBottom:before {content:'';display:block;width:150px;height:1px;background:#00000040;}
.partner img {max-width: 300px;max-height: 130px;	margin: 0 30px;}
.heading.heading2 {color:#fff;text-align:left;padding:20px 40px;}
.half.ofertaIn1,.half.ofertaIn2 {width:50%;}

.gal-item {width:24%;margin-bottom:1.5%;position:relative;overflow: hidden;}
.gal-item:after {content:'';padding-top:60%;display:block;}
.gal-item:empty {margin-bottom:0;}
.gal-item:hover img {transform:scale(1.1);}
.gal-item img {width:100%;height:100%;object-fit: cover;position:absolute;top:0;bottom:0;right:0;left:0;}

.entry {	margin-top: 0;}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {float:none;}
.woocommerce div.product {margin-bottom: 0;position: relative;display:flex;justify-content:space-between;flex-wrap:wrap;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {float: none;width: 38%;}
.woocommerce div.product div.images,.woocommerce div.product div.summary {margin-bottom: 0;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {float: none;width: 60%;clear: none;}
.entry .entry-content, .entry .entry-summary {max-width: 100%;margin: 0 0%;padding: 0 0px;}

.normalPage {margin-top:150px;}
.blogLeft {width:calc(100% - 500px);}
.blogRight {width:480px;}
.authorImg {-webkit-border-radius: 300px;-moz-border-radius: 300px;border-radius: 300px;position:relative;overflow:hidden;max-width:250px;margin:20px auto;}
.authorImg.small {max-width:350px;width:100%;}
.authorImg:after {content:'';padding-top:100%;display:block;}
.authorImg img {object-fit:cover;width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;}
.onasHeader {color:#fff;min-height:80vh;padding:50px;background-image:url('/wp-content/themes/softset/images/bg3.jpg');background-size:cover;background-position:center;display:flex;align-items:center;position:relative;}
.onasHeader .nag {font-family: "Poppins", sans-serif;font-size:20px;}
.onasHeader .nag {color:#fff !important;}
.onasHeader .nag h1 {font-weight:700;font-size:2rem;font-family: "Red Rose", serif;}
.path1 {position:absolute;bottom:-20%;left:0%;}
.path2 {position:absolute;top:-30%;left:0%;}
.bio {margin-top:20px;font-size:13px;text-align:justify;}
.bio2 {margin-top:20px;}
.bio a,.bio2 a {color:#df8933;}
.authorMeta {text-align:left;}
.authorTitle {color:#707070;}
.sideNag {color:#707070;font-weight:700;font-size:28px;}
.kategorieBlog a {color:#707070;}
.kategorieBlog {margin-top:15px;}
.catWrap .button {margin-right:15px;}
.osoba a {color:#000;}
.osoba {text-align:center;}
#pracownicy .flex .osoba {width:49%;}
.referencjaBlok {width:19%;}
.referencjaBlok a {width:100%;display:block;text-align:center;color:#000;border:1px solid #000;margin:10px 0;padding:20px;transition:all 0.3s;}
.referencjaBlok:hover a {transform:scale(1.1);}
.authorImg img {transition:all 0.3s;}
.authorImg:hover img {transform:scale(1.1);}
#content p a {color:#0E5E67;}
#content p {text-align:justify;}
/*
.max1000 {max-width:1000px;}*/

.box {max-width:1620px;margin: 0px auto;padding:0px 10px;}
.transition,.logo,.button,.gal-item img  {transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s; }
ul.list {list-style-type: none;margin:0px; padding:0px;margin-left:10px;}
ul.list li:before {content:"-"; position:relative; left:-5px;}
ul.list li{ text-indent:-5px; }
@media all and ( max-width:1300px) {
	.header {width:60%;}
	.offerBlock {width:48%;}
	.sectionRight .content,.nfz-content {width:60%;}
	.mMedica1,.mMedica2,.sprzetBlock {width:100%;}
	
}
@media all and ( max-width:1020px) {
	.mobile {display:block;}
	.desktop {display:none;}
	.coOfer1,.coOfer2 {width:100%;}
	.coOfer2 {padding:20px;}
	.medicaBlock,.backupBlock {width:49%;}
	.sectionRight .content,.nfz-content {width:100%;position:relative;padding:20px 20px 30px 20px}
	.sectionRight .button-wrap {right: 40px;}
	.nfz-button-wrap {left: 40px;}
	.backup1,.backup2,.sprzet1,.sprzet2,.napisz-form,.napisz-info {width:100%;margin-bottom:30px;}
	.napisz-info {margin-left:0;border-radius:20px;padding:30px 25px;}
	.sprzet1 {padding:20px;}
	.news {width:49%;}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 100%;}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width: 100%;}
	#Napisz {padding:0 10px;}
}
@media all and ( max-width:767px) {
	.form1,.form2 {width:100%;margin-bottom:20px;}
	.nagMain {font-size: 28px;}
	.nag {font-size:24px;}
	.napisz-form {padding-right:0;}
	.napisz-info {padding:25px 20px;border-radius:15px;}
	.napisz-info-title {font-size:24px;margin-bottom:20px;}
	.napisz-contact-item {margin-bottom:20px;}
	.napisz-contact-text {font-size:16px;}
	#Napisz .wpcf7-form {grid-template-columns: 1fr;gap:15px;}
	#Napisz .wpcf7-form input[type="text"],
	#Napisz .wpcf7-form input[type="email"],
	#Napisz .wpcf7-form input[type="tel"],
	#Napisz .wpcf7-form textarea {padding:12px;font-size:14px;}
	#Napisz .wpcf7-form input[type="submit"] {width:100%;padding:15px;font-size:16px;}
	.medicaBlock {font-size: 13px;}
	.header {width:80%;}
	.offerBlock .nag {font-size: 18px;}
	.social img {width:20px;}
	.social a {margin-left:5px;}
	.social {margin-right:20px;}
	.logo {width:120px;}
	#topbar.fixedHeader .logo {width:120px;}
	.coOfer1,.sprzet2 {padding:50px 20px 50px 20px;}
}
@media all and ( max-width:500px) {
	.offerBlock,.backupBlock {width:100%;}
	.news {width:100%;}
	footer a {width:100%;display:block;}
	.social {display:none;}
}

/* ============================================
   mMedica Template Styles
   ============================================ */

/* Hero Banner Section */
.mmedica-hero {
	position: relative;
	height: 100vh;
	min-height: 600px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.mmedica-hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.mmedica-hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(3px);
}

.mmedica-hero-overlay {
	position: relative;
	z-index: 2;
	background: rgba(217, 251, 255, 0.85);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: 60px 80px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	max-width: 600px;
	margin-left: 0;
}

.mmedica-logo-hero {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.mmedica-logo-graphic {
	display: flex;
	gap: 6px;
	margin-right: 12px;
	align-items: center;
}

.mmedica-dot {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
	flex-shrink: 0;
}

.mmedica-dot.red {
	background: #fb101a;
}

.mmedica-dot.blue {
	background: #25b2ea;
}

.mmedica-logo-text {
	font-size: 36px;
	font-weight: 700;
	color: #fb101a;
	font-family: "Red Rose", serif;
}

.mmedica-hero-title {
	font-size: 38px;
	font-weight: 700;
	color: #0E5E67;
	margin: 0;
	font-family: "Red Rose", serif;
	line-height: 1.2;
}

/* Product Categories Section */
.mmedica-categories {
	padding: 80px 0 0px 0;
	background: #fff;
}

.mmedica-categories-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 20px;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 20px;
}

.mmedica-category-box {
	border-radius: 15px;
	padding: 30px 20px;
	text-align: left;
	box-shadow: 0 2px 10px rgba(0,0,0,0.08);
	transition: all 0.3s;
	cursor: pointer;
	position: relative;
	border: none;
}

.mmedica-category-box:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

/* Blue category boxes (PS, PS+, Standard+, Moduły) */
.mmedica-category-box.mmedica-category-blue {
	background: #e0f5fc;
	border: none;
}
.mmedica-category-box.mmedica-category-blue2 {
	background: #ddeaf8;
	border: none;
}


.mmedica-category-box.mmedica-category-blue .mmedica-category-text {
	color: #0E5E67;
}

.mmedica-category-box.mmedica-category-blue .mmedica-category-name {
	color: #25b2ea;
}


/* Orange category boxes (Komercja, Komercja+) */
.mmedica-category-box.mmedica-category-orange {
	background: #ffe6e0;
	border: none;
}

.mmedica-category-box.mmedica-category-orange .mmedica-category-text {
	color: #0E5E67;
}

.mmedica-category-box.mmedica-category-orange .mmedica-category-name {
	color: #F9819C;
}



/* Highlighted/Active category box */
.mmedica-category-box.mmedica-category-highlight,
.mmedica-category-box.active {
	background: #0E5E67;
	border: none;
	color: #fff;
}

.mmedica-category-box.mmedica-category-highlight .mmedica-category-text,
.mmedica-category-box.active .mmedica-category-text {
	color: #fff;
}

.mmedica-category-box.mmedica-category-highlight .mmedica-category-name,
.mmedica-category-box.active .mmedica-category-name {
	color: #fff;
}

.mmedica-category-box.mmedica-category-highlight .mmedica-category-text strong,
.mmedica-category-box.active .mmedica-category-text strong {
	color: #fff;
}

.mmedica-category-box.mmedica-category-highlight .mmedica-category-icon img,
.mmedica-category-box.active .mmedica-category-icon img {
	filter: brightness(0) invert(1);
	opacity: 1;
}

/* Active indicator triangle */
.mmedica-category-indicator {
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #0E5E67;
	z-index: 10;
}

.mmedica-category-icon {
	margin-bottom: 15px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mmedica-category-icon img {
	max-width: 50px;
	max-height: 50px;
	object-fit: contain;
	transition: all 0.3s;
}

.mmedica-category-text {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}

.mmedica-category-text strong {
	font-weight: 700;
	display: block;
	margin-bottom: 3px;
	color: #0E5E67;
}

.mmedica-category-box.mmedica-category-highlight .mmedica-category-text strong {
	color: #fff;
}

.mmedica-category-name {
	display: block;
	font-size: 16px;
	font-weight: 600;
}

/* System Section */
.mmedica-system {
	padding: 100px 0;
	background: #fff;
}

.mmedica-system-left {
	width: 45%;
	text-align: left;
}

.mmedica-system-right {
	width: 50%;
	position: relative;
	overflow: visible;
}

.mmedica-logo-section {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	text-align: left;
}

.mmedica-system-title {
	font-size: 48px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	line-height: 1.2;
	margin: 0;
	text-align: left;
}

.mmedica-system-box {
	background: rgba(217, 251, 255, 0.6);
	border-radius: 0 50px 0px 0px;
	padding: 40px;
	border: none;
	position: relative;
	overflow: visible;
}

.mmedica-system-box p {
	font-size: 16px;
	line-height: 1.7;
	color: #0E5E67;
	margin: 0 0 20px 0;
	text-align: left;
}

.mmedica-system-box .button-wrap {
	text-align: right;
	position: absolute;
	bottom: -15px;
	right: 0;
	z-index: 5;
}

.mmedica-button-pink {
	background: #F9819C;
	border-color: #F9819C;
	position: relative;
	z-index: 10;
}

/* Demo Section */
.mmedica-demo {
	padding: 100px 0;
	background: #fff;
	position: relative;
	overflow: hidden;
	min-height: 600px;
	display: flex;
	align-items: center;
}

.mmedica-demo-bg {
	position: absolute;
	top: 0;
	left: 35%;
	width: 65%;
	height: 100%;
	z-index: 1;
}

.mmedica-demo-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}

.mmedica-demo .box {
	position: relative;
	z-index: 3;
	width: 100%;
}

.mmedica-demo-content {
	position: relative;
	z-index: 4;
	max-width: 45%;
	width:45%;
	margin-left: 0;
	padding-left: 0;
}

.mmedica-demo-overlay {
	background: #e8fdff;
	padding: 60px 80px 100px 80px;
	border-radius: 20px;
	position: relative;
	z-index: 5;
	max-width: 100%;width:100%;
	margin-right: -100px;
	box-shadow: 0 5px 30px rgba(0,0,0,0.1);
}

.mmedica-demo-title {
	font-size: 48px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	line-height: 1.2;
	margin: 0;
	text-align: left;
}

.mmedica-button-green {
	background: #6BD789;
	border-color: #6BD789;
	color: #fff;
}

.mmedica-button-green:hover {
	background: #000;
	border-color: #000;
}

.mmedica-demo .button-wrap {
	position: absolute;
	bottom: -15px;
	right: -15px;
	margin: 0;
}

/* Quick Contact Fixed Button */
.mmedica-quick-contact {
	position: fixed;
	right: 0;
	bottom: 150px;
	z-index: 1000;
}

.mmedica-quick-contact-inner {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	border-radius: 25px 0 0 25px;
	box-shadow: -3px 0 15px rgba(0,0,0,0.15);
	overflow: hidden;
}

.mmedica-quick-contact-text {
	background: #6BD789;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	text-align: center;
	letter-spacing: 1px;
	white-space: nowrap;
	line-height: 1.2;
	transform: rotate(180deg);
	padding: 25px 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mmedica-quick-contact-icons {
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
	justify-content: center;
	padding: 20px 18px;
}

.mmedica-quick-contact-icons a {
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition: opacity 0.3s;
	flex-shrink: 0;
}

.mmedica-quick-contact-icons a:hover {
	opacity: 0.7;
}

.mmedica-quick-contact-icons img {
	width: 38px;
	height: 38px;
	display: block;
	object-fit: contain;
}

/* Why Section */
.mmedica-why {
	padding: 100px 0;
	background: #fff;
}

.mmedica-why-title {
	font-size: 38px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	text-align: center;
	margin: 0 0 60px 0;
}

.mmedica-why-left,
.mmedica-why-right {
	width: 48%;
	padding: 40px;
	border-radius: 25px;
}

.mmedica-why-left {
	background: #F9F9F9;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.mmedica-why-right {
	background: #E8FDFF;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 0;
}

.mmedica-why-subtitle {
	font-size: 32px;
	font-weight: 400;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 30px 0;
	text-align: center;
}

.mmedica-why-boxes {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 0 13%;
}

.mmedica-why-box {
	padding: 25px 30px;
	border-radius: 18px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	text-align: center;
}

.mmedica-why-box-negative {
	background: #b9b9b9;
	border: none;
	color:#fff;
}

.mmedica-why-box-positive {
	background: #5ABF77;
	border: none;
	color: #fff;
}

.mmedica-why-box p {
	margin: 0;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
	text-align: center;
	color: #fff;
}

.mmedica-why-box-positive p {
	color: #fff;
	font-weight: 700;
}

/* Steps Section */
.mmedica-steps {
	padding: 100px 0;
	background: transparent;
}

.mmedica-steps-title {
	font-size: 48px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	text-align: center;
	margin: 0 0 60px 0;
}

.mmedica-steps-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	max-width: 1400px;
	margin: 0 auto;
}

.mmedica-step-box {
	background: #fff;
	border: 1px solid #4DC583;
	border-radius: 12px;
	padding: 40px 30px;
	position: relative;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	min-height: 350px;
	display: flex;
	flex-direction: column;
}

.mmedica-step-content {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin-bottom: 20px;
	flex-grow: 1;
}

.mmedica-step-number {
	font-size: 76px;
	font-weight: 700;
	color: #5CC982;
	font-family: "Red Rose", serif;
	line-height: 1;
	flex-shrink: 0;
}

.mmedica-step-text {
	flex: 1;
}

.mmedica-step-title {
	font-size: 24px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 0px 0;
	text-align: left;
}

.mmedica-step-desc {
	font-size: 16px;
	line-height: 1.6;
	color: #0E5E67;
	margin: 0;
	text-align: left;
}

.mmedica-step-icon {
	text-align: center;
	margin-top: auto;
	padding-top: 20px;
}

.mmedica-step-icon img {
	max-width: 120px;
	max-height: 120px;
	object-fit: contain;
	filter: brightness(0);
}

/* Features Section */
.mmedica-features {
	padding: 100px 0;
	background: transparent;
	position: relative;
	overflow: visible;
}

.mmedica-features .box {
	position: relative;
	z-index: 1;
}

.mmedica-features-left {
	width: 45%;
	background: rgba(217, 251, 255, 0.6);
	border-radius: 0 50px 0 0;
	padding: 60px 50px;
}

.mmedica-features-right {
	width: 50%;
}

.mmedica-logo-section {
	margin-bottom: 30px;
}

.mmedica-logo-section img {
	max-width: 200px;
	height: auto;
}

.mmedica-features-desc {
	font-size: 16px;
	line-height: 1.7;
	color: #0E5E67;
	margin: 0;
	text-align: left;
}

.mmedica-features-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.mmedica-features-list li {
	font-size: 16px;
	line-height: 1.8;
	color: #0E5E67;
	margin-bottom: 20px;
	padding-left: 25px;
	position: relative;
}

.mmedica-features-list li::before {
	content: '•';
	position: absolute;
	left: 0;
	top: 0;
	color: #0E5E67;
	font-size: 20px;
	font-weight: bold;
}

/* Contact Section */
.mmedica-contact {
	padding: 100px 0;
	background: #f8f9fa;
}

.mmedica-contact-form {
	width: 48%;
}

.mmedica-contact-form .form input[type="text"],
.mmedica-contact-form .form input[type="email"],
.mmedica-contact-form .form input[type="tel"],
.mmedica-contact-form .form textarea {
	width: 100%;
	padding: 12px 15px;
	margin-bottom: 20px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	font-size: 14px;
	resize: none;
	font-family: "Poppins", sans-serif;
	background: #fff;
}

.mmedica-contact-form .form input[type="text"]::placeholder,
.mmedica-contact-form .form input[type="email"]::placeholder,
.mmedica-contact-form .form input[type="tel"]::placeholder,
.mmedica-contact-form .form textarea::placeholder {
	color: #999;
	font-family: "Poppins", sans-serif;
}

.mmedica-contact-info {
	width: 48%;
	background: rgba(217, 251, 255, 0.6);
	border-radius: 15px;
	padding: 50px 40px;
}

.mmedica-contact-title {
	font-size: 32px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 20px 0;
}

.mmedica-contact-desc {
	font-size: 16px;
	line-height: 1.7;
	color: #0E5E67;
	margin: 0 0 30px 0;
}

.mmedica-contact-details {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 30px;
}

.mmedica-contact-detail {
	display: flex;
	align-items: center;
	gap: 15px;
}

.mmedica-contact-detail img {
	width: 24px;
	height: 24px;
	opacity: 0.7;
}

.mmedica-contact-detail span {
	font-size: 16px;
	color: #0E5E67;
	font-weight: 500;
}

.mmedica-contact-note {
	font-size: 14px;
	color: #666;
	margin: 0;
	font-style: italic;
}

/* Responsive Styles for mMedica Template */
@media all and ( max-width:1300px) {
	.mmedica-categories-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}
	
	.mmedica-steps-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.mmedica-system-left,
	.mmedica-system-right,
	.mmedica-demo-left,
	.mmedica-demo-right,
	.mmedica-features-left,
	.mmedica-features-right {
		width: 100%;
		margin-bottom: 40px;
	}
}

@media all and ( max-width:1020px) {
	.mmedica-hero-overlay {
		padding: 40px 50px;
		max-width: 90%;
	}
	
	.mmedica-hero-title {
		font-size: 36px;
	}
	
	.mmedica-categories-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
	}
	
	.mmedica-system-title,
	.mmedica-demo-title,
	.mmedica-why-title,
	.mmedica-steps-title {
		font-size: 36px;
	}
	
	.mmedica-why-left,
	.mmedica-why-right {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.mmedica-contact-form,
	.mmedica-contact-info {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.mmedica-quick-contact {
		display: none;
	}
	
	.mmedica-demo-bg {
		left: 0;
		width: 100%;
	}
	
	.mmedica-demo-overlay {
		margin-right: 0;
		max-width: 100%;
		padding: 40px 30px;
	}
	
	.mmedica-demo-title {
		font-size: 36px;
	}
	
	.mmedica-demo {
		padding: 60px 0;
		min-height: 500px;
	}
}

@media all and ( max-width:767px) {
	.mmedica-hero {
		min-height: 500px;
	}
	
	.mmedica-hero-overlay {
		padding: 30px 30px;
		border-radius: 15px;
		margin: 20px;
	}
	
	.mmedica-logo-text {
		font-size: 28px;
	}
	
	.mmedica-hero-title {
		font-size: 28px;
	}
	
	.mmedica-categories-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.mmedica-category-box {
		padding: 25px 15px;
	}
	
	.mmedica-category-icon {
		height: 60px;
		margin-bottom: 10px;
	}
	
	.mmedica-category-icon img {
		max-width: 40px;
		max-height: 40px;
	}
	
	.mmedica-category-text {
		font-size: 14px;
	}
	
	.mmedica-category-indicator {
		bottom: -12px;
		border-left-width: 10px;
		border-right-width: 10px;
		border-top-width: 10px;
	}
	
	.mmedica-steps-grid {
		grid-template-columns: 1fr;
	}
	
	.mmedica-system-title,
	.mmedica-demo-title,
	.mmedica-why-title,
	.mmedica-steps-title {
		font-size: 28px;
	}
	
	.mmedica-step-box {
		min-height: auto;
	}
	
	.mmedica-demo {
		padding: 60px 0;
		min-height: 500px;
	}
	
	.mmedica-demo-bg {
		left: 0;
		width: 100%;
	}
	
	.mmedica-demo-bg img {
		border-radius: 0;
	}
	
	.mmedica-demo-overlay {
		margin-right: 0;
		max-width: 100%;
		padding: 30px 25px;
		border-radius: 15px;
	}
	
	.mmedica-demo-title {
		font-size: 28px;
		margin-bottom: 25px;
	}
}

/* ============================================
   NFZ Template Styles
   ============================================ */

/* Hero Section */
.nfz-hero {
	position: relative;
	height: 100vh;
	min-height: 600px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.nfz-hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.nfz-hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nfz-hero .box {
	position: relative;
	z-index: 2;
	width: 100%;
}

.nfz-hero-overlay {
	position: relative;
	z-index: 3;
	background: #D9FBFF9E;
	backdrop-filter: blur(10px);
	padding: 60px 80px;
	border-radius: 0 50px 0 0;
	max-width: 700px;
	margin-left: 0px;
}

.nfz-logo {
	margin-bottom: 20px;
	width: 200px;
}

.nfz-logo img {
	width: 100%;
	height: auto;
}

.nfz-hero-title {
	font-size: 48px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	line-height: 1.2;
	margin: 20px 0;
}

.nfz-hero-title-green {
	font-weight: 400;
}

.nfz-hero-desc {
	font-size: 16px;
	line-height: 1.7;
	color: #000;
	margin: 20px 0;
}

.nfz-hero-button {
	position: absolute;
	right: -40px;
	bottom: -20px;
}

/* Section Styles */
.nfz-section {
	padding: 100px 0;
	background: #fff;
}

.nfz-section-title {
	font-size: 48px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	text-align: center;
	margin: 0 0 60px 0;
}

/* Why Section */
.nfz-why-left {
	width: 45%;
}

.nfz-why-right {
	width: 50%;
}

.nfz-why-text {
	font-size: 16px;
	line-height: 1.7;
	color: #333;
	margin-bottom: 40px;
}

.nfz-benefits-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.nfz-benefits-list li {
	font-size: 22px;
	line-height: 1.8;
	color: #0E5E67;
	font-weight: 400;
	margin-bottom: 20px;
	font-family: "Red Rose", serif;
	padding-left: 50px;
	position: relative;
}

.nfz-benefits-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 42px;
	height: 42px;
	background-image: url('/wp-content/themes/softset/nowe-zakladki/nfz/arrow-1.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* Feature Icons and Cards */
.nfz-feature-icons-row {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	margin-top: 60px;
	margin-bottom: 20px;
}

.nfz-feature-icon-item {
	text-align: center;
}

.nfz-feature-icon-item img {
	max-width: 160px;
	max-height: 160px;
}

.nfz-feature-cards {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.nfz-feature-card {
	background: #fff;
	border: 1px solid #4DC583;
	border-radius: 18px;
	padding: 30px 20px;
	text-align: left;
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
}

.nfz-feature-card-title {
	font-size: 18px;
	font-weight: 700;
	color: #0E5E67;
	margin: 0 0 15px 0;
}

.nfz-feature-card-desc {
	font-size: 14px;
	line-height: 1.6;
	color: #333;
	margin: 0;
}

/* Benefits Grid */
.nfz-benefits-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px 30px;
	max-width: 1600px;
	margin: 0 auto;
}

.nfz-benefit-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.nfz-benefit-icon {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	margin-top: 3px;
	background-image: url('/wp-content/themes/softset/nowe-zakladki/nfz/arrow-big.png');
	background-size: 80px;
	background-position: center;
	background-repeat: no-repeat;
}

.nfz-benefit-text {
	font-size: 26px;
	line-height: 1.6;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0;
}

/* Process Section */
.nfz-process-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
	max-width: 1600px;
	margin: 0 auto;
}

.nfz-process-step {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.nfz-process-icon {
	flex-shrink: 0;
}

.nfz-process-icon img {
	max-width: 120px;
	max-height: 120px;
}

.nfz-process-content {
	flex: 1;
}

.nfz-process-number {
	font-size: 76px;
	font-weight: 700;
	color: #5CC982;
	font-family: "Red Rose", serif;
	line-height: 1;
	margin: 0 0 10px 0;
}

.nfz-process-title {
	font-size: 18px;
	font-weight: 400;
	color: #0E5E67;
	margin: 0;
	text-align: left;
	line-height: 1.4;
}

/* Expert Section */
.nfz-expert {
	display: flex;
	gap: 60px;
	align-items: center;
}

.nfz-expert-left {
	width: 60%;
}

.nfz-expert-right {
	width: 35%;
	text-align: center;
}

.nfz-expert-title {
	font-size: 36px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 30px 0;
	text-align: left;
}

.nfz-expert-text {
	font-size: 16px;
	line-height: 1.7;
	color: #333;
	margin: 0;
}

.nfz-expert-image {
	width: 400px;
	overflow: hidden;
	margin: 0 auto 20px;
}

.nfz-expert-image img {
	width: 100%;
	height: auto;
	display: block;
}

.nfz-expert-name {
	font-size: 20px;
	font-weight: 400;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0;
}

/* Responsive Styles for NFZ Template */
@media all and ( max-width:1300px) {
	.nfz-hero-overlay {
		margin-left: 50px;
		max-width: 600px;
		padding: 50px 60px;
	}
	
	.nfz-expert-image {
		width: 300px;
	}
	
	.nfz-feature-icons-row,
	.nfz-feature-cards {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.nfz-process-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.nfz-benefits-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.nfz-why-left,
	.nfz-why-right {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.nfz-expert-left,
	.nfz-expert-right {
		width: 100%;
	}
	
}

@media all and ( max-width:1020px) {
	.nfz-hero {
		min-height: 500px;
	}
	
	.nfz-hero-overlay {
		margin-left: 20px;
		padding: 40px 40px;
		max-width: 90%;
	}
	
	.nfz-hero-title {
		font-size: 36px;
	}
	
	.nfz-section-title {
		font-size: 36px;
	}
	
	.nfz-feature-icons-row,
	.nfz-feature-cards {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	
	.nfz-process-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
	
	.nfz-benefits-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 20px;
	}
	
	.nfz-expert {
		flex-direction: column;
		gap: 40px;
	}
	
	.nfz-expert-title {
		text-align: center;
	}
	
	.nfz-expert-text {
		text-align: center;
	}
	
	.nfz-hero-button {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 20px;
	}
}

@media all and ( max-width:767px) {
	.nfz-hero {
		min-height: 400px;
	}
	
	.nfz-hero-overlay {
		margin: 20px;
		padding: 30px 25px;
		border-radius: 15px;
	}
	
	.nfz-logo {
		width: 150px;
	}
	
	.nfz-hero-title {
		font-size: 28px;
	}
	
	.nfz-section {
		padding: 60px 0;
	}
	
	.nfz-section-title {
		font-size: 28px;
		margin-bottom: 40px;
	}
	
	.nfz-benefits-list li {
		font-size: 18px;
		padding-left: 40px;
	}
	
	.nfz-benefits-list li::before {
		width: 32px;
		height: 32px;
	}
	
	.nfz-feature-icons-row,
	.nfz-feature-cards {
		grid-template-columns: 1fr;
	}
	
	.nfz-feature-icon-item img {
		max-width: 120px;
		max-height: 120px;
	}
	
	.nfz-process-grid {
		grid-template-columns: 1fr;
	}
	
	.nfz-process-step {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	.nfz-process-icon {
		margin-bottom: 20px;
	}
	
	.nfz-process-content {
		text-align: center;
	}
	
	.nfz-process-title {
		text-align: center;
	}
	
	.nfz-benefits-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}
	
	.nfz-benefit-text {
		font-size: 20px;
	}
	
	.nfz-benefit-icon {
		width: 60px;
		height: 60px;
		background-size: 60px;
	}
	
	.nfz-expert-title {
		font-size: 28px;
		text-align: center;
	}
	
	.nfz-expert-image {
		width: 250px;
	}
}

/* ============================================
   O nas Template Styles
   ============================================ */

/* Hero Section */
.onas-hero {
	position: relative;
	height: 100vh;
	min-height: 600px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.onas-hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.onas-hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.onas-hero .box {
	position: relative;
	z-index: 2;
	width: 100%;
}

.onas-hero-overlay {
	position: relative;
	z-index: 3;
	background: #D9FBFF9E;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: 60px 80px;
	border-radius: 0 50px 0 0;
	max-width: 700px;
	margin-left: 0;
}

.onas-hero-title {
	font-size: 42px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	line-height: 1.2;
	margin: 0 0 30px 0;
}

.onas-hero-text {
	font-size: 16px;
	line-height: 1.7;
	color: #333;
}

.onas-hero-text p {
	margin: 0 0 20px 0;
}

.onas-hero-text p:last-child {
	margin-bottom: 0;
}

/* About Section */
.onas-about-section {
	padding: 100px 0;
	background: #fff;
}

.onas-section-title {
	font-size: 48px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 60px 0;
	text-align: left;
}

.onas-about-left {
	width: 50%;
}

.onas-about-right {
	width: 45%;
}

.onas-about-text {
	font-size: 16px;
	line-height: 1.7;
	color: #333;
}

.onas-about-text p {
	margin: 0 0 20px 0;
}

.onas-about-text p:last-child {
	margin-bottom: 0;
}

.onas-team-member {
	margin-bottom: 60px;
	display: flex;
	align-items: flex-start;
	gap: 30px;
}

.onas-team-member:last-child {
	margin-bottom: 0;
}

.onas-team-image {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}

.onas-team-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.onas-team-content {
	flex: 1;
}

.onas-team-name {
	font-size: 24px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	text-align: left;
	margin: 0 0 15px 0;
}

.onas-team-name a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s;
}

.onas-team-name a:hover {
	color: #0E5E67;
	text-decoration: underline;
}

.onas-team-bio {
	font-size: 16px;
	line-height: 1.7;
	color: #333;
	text-align: left;
}

.onas-team-bio p {
	margin: 0 0 15px 0;
}

.onas-team-bio p:last-child {
	margin-bottom: 0;
}

/* Why Section */
.onas-why-section {
	padding: 100px 0;
	background: #fff;
}

.onas-why-section .onas-section-title {
	text-align: center;
}

.onas-why-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px 60px;
	max-width: 1200px;
	margin: 0 auto;
}

.onas-why-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.onas-why-icon {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	margin-top: 3px;
}

.onas-why-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.onas-why-content {
	flex: 1;
}

.onas-why-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 8px 0;
}

.onas-why-desc {
	font-size: 16px;
	line-height: 1.6;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0;
}

/* mMedica Video Section */
.onas-mmedica-section {
	padding: 100px 0;
	background: #fff;
}

.onas-mmedica-video {
	max-width: 1000px;
	margin: 0 auto;
}

.onas-video-placeholder {
	width: 100%;
	aspect-ratio: 16/9;
	background: #000;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}

.onas-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s;
	z-index: 2;
}

.onas-video-play:hover {
	background: rgba(255, 255, 255, 1);
	transform: translate(-50%, -50%) scale(1.1);
}

.onas-video-triangle {
	width: 0;
	height: 0;
	border-left: 30px solid #0E5E67;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	margin-left: 8px;
}

.onas-mmedica-logo-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
	z-index: 1;
	pointer-events: none;
}

.onas-mmedica-logo-overlay .mmedica-logo-graphic {
	display: flex;
	gap: 6px;
	margin-bottom: 5px;
}

.onas-mmedica-logo-overlay .mmedica-dot {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
}

.onas-mmedica-logo-overlay .mmedica-dot.red {
	background: #fb101a;
}

.onas-mmedica-logo-overlay .mmedica-dot.blue {
	background: #25b2ea;
}

.onas-mmedica-logo-overlay .mmedica-logo-text {
	font-size: 24px;
	font-weight: 700;
	color: #fb101a;
	font-family: "Red Rose", serif;
}

.onas-mmedica-info {
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 1.8;
}

.onas-mmedica-info p {
	margin: 5px 0;
}

/* References Section */
.onas-references-section {
	padding: 100px 0;
	background: #fff;
}

.onas-references-section .onas-section-title {
	text-align: center;
}

.onas-references-grid {
	display: flex;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
}

.onas-reference-button {
	background: #4DC583;
	color: #fff;
	padding: 20px 40px;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.3s;
	display: inline-block;
}

.onas-reference-button:hover {
	background: #0E5E67;
	color: #fff;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Contact Section */
.onas-contact-section {
	padding: 100px 0;
	background: #fff;
}

.onas-contact-form {
	width: 55%;
}

.onas-contact-info {
	width: 40%;
	background: rgba(217, 251, 255, 0.6);
	border-radius: 15px;
	padding: 50px 40px;
}

.onas-contact-title {
	font-size: 28px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 30px 0;
}

.onas-contact-detail {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.onas-contact-detail img {
	width: 24px;
	height: 24px;
}

.onas-contact-detail span {
	font-size: 16px;
	color: #4DC583;
	font-weight: 500;
}

.onas-contact-note {
	font-size: 14px;
	color: #666;
	margin-top: 30px;
	font-style: italic;
}

/* Quick Contact Sidebar */
.onas-quick-contact {
	position: fixed;
	right: 0;
	bottom: 150px;
	z-index: 1000;
}

.onas-quick-contact-inner {
	background: #4DC583;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	padding: 20px 18px;
	box-shadow: -3px 0 15px rgba(0,0,0,0.15);
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 18px;
}

.onas-quick-contact-text {
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	text-align: center;
	letter-spacing: 1px;
	white-space: nowrap;
	line-height: 1.2;
}

.onas-quick-contact-icons {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
}

.onas-quick-contact-icons a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: #fff;
	border-radius: 50%;
	opacity: 1;
	transition: opacity 0.3s;
	padding: 8px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.onas-quick-contact-icons a:hover {
	opacity: 0.8;
}

.onas-quick-contact-icons img {
	width: 24px;
	height: 24px;
	display: block;
	object-fit: contain;
}

/* Responsive Styles for O nas Template */
@media all and ( max-width:1300px) {
	.onas-hero-overlay {
		max-width: 600px;
		padding: 50px 60px;
	}
	
	.onas-about-left,
	.onas-about-right {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.onas-why-grid {
		gap: 30px 40px;
	}
}

@media all and ( max-width:1020px) {
	.onas-hero {
		min-height: 500px;
	}
	
	.onas-hero-overlay {
		padding: 40px 40px;
		max-width: 90%;
		margin: 20px;
	}
	
	.onas-hero-title {
		font-size: 32px;
	}
	
	.onas-section-title {
		font-size: 36px;
	}
	
	.onas-why-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	.onas-contact-form,
	.onas-contact-info {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.onas-quick-contact {
		display: none;
	}
}

@media all and ( max-width:767px) {
	.onas-hero {
		min-height: 400px;
	}
	
	.onas-hero-overlay {
		padding: 30px 25px;
		border-radius: 15px;
	}
	
	.onas-hero-title {
		font-size: 24px;
	}
	
	.onas-section-title {
		font-size: 28px;
		margin-bottom: 40px;
	}
	
	.onas-about-section,
	.onas-why-section,
	.onas-mmedica-section,
	.onas-references-section,
	.onas-contact-section {
		padding: 60px 0;
	}
	
	.onas-team-image {
		width: 150px;
		height: 150px;
	}
	
	.onas-team-name {
		font-size: 20px;
	}
	
	.onas-references-grid {
		flex-direction: column;
		align-items: center;
	}
	
	.onas-reference-button {
		width: 100%;
		max-width: 300px;
		text-align: center;
	}
}

/* ============================================
   Author Page Styles
   ============================================ */

/* Author Profile Section */
.author-profile-section {
	padding: 100px 0;
	background: #D9FBFF9E;
	width: 90%;
	margin-top: 160px;
	border-right: 50px solid #4DC583;
	border-radius: 0 50px 0 0;
}
.author-profile-bio p a {color:#000}

.author-profile-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 50px;
	max-width: 1200px;
	margin: 0 auto;
}

.author-profile-left {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.author-profile-image {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 20px;
}

.author-profile-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.author-profile-title {
	font-size: 14px;
	font-weight: 600;
	color: #0E5E67;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

.author-profile-right {
	flex: 1;
}

.author-profile-name {
	font-size: 42px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 30px 0;
	line-height: 1.2;
}

.author-profile-bio {
	font-size: 16px;
	line-height: 1.7;
	color: #0E5E67;
	font-family: "Red Rose", serif;
}

.author-profile-bio p {
	margin: 0 0 20px 0;
}

.author-profile-bio p:last-child {
	margin-bottom: 0;
}

/* Articles Section */
.author-articles-section {
	padding: 100px 0;
	background: #fff;
}

.author-articles-title {
	font-size: 48px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 60px 0;
	text-align: left;
}

.author-articles-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.author-article-card {
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	transition: transform 0.3s, box-shadow 0.3s;
	display: flex;
	flex-direction: column;
}

.author-article-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.author-article-image-link {
	display: block;
	width: 100%;
	overflow: hidden;
}

.author-article-image {
	width: 100%;
	aspect-ratio: 16/9;
	overflow: hidden;
}

.author-article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.author-article-card:hover .author-article-image img {
	transform: scale(1.05);
}

.author-article-content {
	padding: 25px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.author-article-title {
	font-size: 20px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 15px 0;
	line-height: 1.4;
}

.author-article-title a {
	color: #0E5E67;
	text-decoration: none;
	transition: color 0.3s;
}

.author-article-title a:hover {
	color: #4DC583;
}

.author-article-excerpt {
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	margin: 0 0 20px 0;
	flex: 1;
}

.author-article-readmore {
	font-size: 14px;
	color: #4DC583;
	text-decoration: none;
	font-weight: 600;
	align-self: flex-end;
	margin-top: auto;
	transition: color 0.3s;
}

.author-article-readmore:hover {
	color: #0E5E67;
	text-decoration: underline;
}

/* Contact Section */
.author-contact-section {
	padding: 100px 0;
	background: #fff;
}

.author-contact-form {
	width: 55%;
}

.author-contact-info {
	width: 40%;
	background: #D9FBFF9E;
	border-radius: 15px;
	padding: 50px 40px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.author-contact-title {
	font-size: 28px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 30px 0;
}

.author-contact-detail {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.author-contact-detail img {
	width: 24px;
	height: 24px;
}

.author-contact-detail span {
	font-size: 16px;
	color: #4DC583;
	font-weight: 500;
}

.author-contact-note {
	font-size: 14px;
	color: #666;
	margin-top: 30px;
	font-style: italic;
}

/* Quick Contact Sidebar */
.author-quick-contact {
	position: fixed;
	right: 0;
	bottom: 150px;
	z-index: 1000;
}

.author-quick-contact-inner {
	background: #4DC583;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	padding: 20px 18px;
	box-shadow: -3px 0 15px rgba(0,0,0,0.15);
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 18px;
}

.author-quick-contact-text {
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	text-align: center;
	letter-spacing: 1px;
	white-space: nowrap;
	line-height: 1.2;
}

.author-quick-contact-icons {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
}

.author-quick-contact-icons a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: #fff;
	border-radius: 50%;
	opacity: 1;
	transition: opacity 0.3s;
	padding: 8px;
	box-sizing: border-box;
	flex-shrink: 0;
}

.author-quick-contact-icons a:hover {
	opacity: 0.8;
}

.author-quick-contact-icons img {
	width: 24px;
	height: 24px;
	display: block;
	object-fit: contain;
}

/* Responsive Styles for Author Page */
@media all and ( max-width:1300px) {
	.author-profile-wrapper {
		gap: 40px;
	}
	
	.author-articles-grid {
		gap: 25px;
	}
}

@media all and ( max-width:1020px) {
	.author-profile-section,
	.author-articles-section,
	.author-contact-section {
		padding: 60px 0;
	}
	
	.author-profile-wrapper {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	.author-profile-right {
		text-align: left;
	}
	
	.author-articles-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.author-contact-form,
	.author-contact-info {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.author-quick-contact {
		display: none;
	}
}

@media all and ( max-width:767px) {
	.author-profile-image {
		width: 200px;
		height: 200px;
	}
	
	.author-profile-name {
		font-size: 32px;
	}
	
	.author-articles-title {
		font-size: 36px;
		margin-bottom: 40px;
	}
	
	.author-articles-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}
	
	.author-contact-info {
		padding: 30px 25px;
	}
}

/* ============================================
   Voicebot Template Styles
   ============================================ */

/* Hero Section */
.voicebot-hero {
	position: relative;
	min-height: 700px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.voicebot-hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.voicebot-hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.voicebot-hero-overlay {
	position: relative;
	z-index: 2;
	background: #D9FBFF9E;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: 60px 80px 80px 80px;
	border-radius: 0 50px 0 0;
	max-width: 700px;
	margin-left: 0;
	margin-top: 0;
}

.voicebot-hero-title {
	font-size: 38px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	line-height: 1.3;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.voicebot-hero-subtitle {
	font-size: 16px;
	font-weight: 400;
	color: #0E5E67;
	margin: 0 0 0 0;
	line-height: 1.5;
	font-family: "Poppins", sans-serif;
}

.voicebot-hero-button-wrap {
	position: absolute;
	bottom: -15px;
	right: -15px;
}

.voicebot-button-pink {
	display: inline-block;
	background: #F9819C;
	color: #fff;
	padding: 10px 25px;
	border: 2px solid #F9819C;
	border-bottom-left-radius: 20px;
	font-size: 13px;
	font-weight: 900;
	text-decoration: none;
	transition: all 0.3s;
	font-family: inherit;
}

.voicebot-button-pink:hover {
	background: #000;
	border-color: #000;
	color: #fff;
}

/* Section Styles */
.voicebot-section {
	padding: 100px 0;
	background: #fff;
}

.voicebot-section-title {
	font-size: 42px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 40px 0;
	text-align: left;
	line-height: 1.2;
}

/* Nowy wymiar Section */
.voicebot-dimension-title {
	font-size: 40px;
	font-weight: 700;
	color: #005757;
	font-family: "Red Rose", serif;
	margin: 0 0 25px 0;
	text-align: left;
	line-height: 1.2;
}

.voicebot-dimension-left {
	width: 50%;
	padding:0 5% 0 10%;
}

.voicebot-dimension-right {
	width: 45%;
}

.voicebot-dimension-text {
	font-size: 16px;
	line-height: 1.8;
	color: #333333;
	margin: 0 0 35px 0;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	width:59%;
}
.voicebot-247-wrapper {width:39%;}

.voicebot-247 {
	font-size: 120px;
	font-weight: 900;
	color: #66CC33;
	font-family: "Poppins", sans-serif;
	line-height: 1;
	margin: 0 0 15px 0;
	text-align: left;
}

.voicebot-247-text {
	font-size: 20px;
	color: #333333;
	margin: 0;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	text-align: left;
}

/* Services Apla */
.voicebot-services-apla {
	background: #D9FBFF9E;
	padding: 50px 60px;
	border-radius: 0 0px 0px 50px;
	margin-left: 30px;
}

.voicebot-services-title {
	font-size: 24px;
	font-weight: 700;
	color: #005757;
	font-family: "Poppins", sans-serif;
	margin: 0 0 30px 0;
	text-align: left;
	line-height: 1.3;
}

.voicebot-services-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.voicebot-services-list li {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	margin-bottom: 22px;
	font-size: 18px;
	color: #005757;
	line-height: 1.7;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
}

.voicebot-check-icon {
	width: 32px;
	flex-shrink: 0;
	margin-top: 3px;
}

/* Partner + Practice Section */
.voicebot-partner-practice-section {
	padding: 100px 0;
	background: #fff;
}

.voicebot-partner-left {
	width: 48%;
}

.voicebot-practice-right {
	width: 48%;
	padding-left: 60px;
}

.voicebot-partner-image-wrapper {
	position: relative;
	width: 100%;
	border-radius: 0 50px 0 0;
	overflow: hidden;
}

.voicebot-partner-image {
	width: 100%;
	height: auto;
	display: block;
}

.voicebot-partner-overlay {
	position: absolute;
	bottom: 50px;
	left: 0;
	background: #D9FBFF9E;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: 40px 50px;
	border-radius: 0 50px 0px 0px;
	text-align: center;
}

.voicebot-partner-title {
	font-size: 26px;
	font-weight: 400;
	color: #0E5E67;
	margin: 0 0 5px 0;
	font-family: "Red Rose", serif;
}

.voicebot-partner-subtitle {
	font-size: 28px;
	font-weight: 700;
	color: #005757;
	margin: 0 0 25px 0;
	font-family: "Poppins", sans-serif;
}

.voicebot-partner-logos {
	display: flex;
	flex-direction: row;
	gap: 25px;
	align-items: center;
	justify-content: center;
}

.voicebot-partner-logos img {
	max-height: 50px;
	width: auto;
}

.voicebot-practice-title {
	font-size: 40px;
	font-weight: 700;
	color: #005757;
	font-family: "Red Rose", serif;
	margin: 0 0 30px 0;
	text-align: left;
	line-height: 1.2;
}

.voicebot-practice-list {
	list-style: none;
	padding: 0;
	margin: 0 0 35px 0;
	font-family: "Red Rose", serif;
}

.voicebot-practice-list li {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	margin-bottom: 22px;
	font-size: 20px;
	color: #005757;
	line-height: 1.7;
	font-weight: 400;
}

.voicebot-practice-conclusion {
	font-size: 24px;
	color: #005757;
	font-weight: 600;
	margin: 0;
	line-height: 1.7;
	font-family: "Red Rose", serif;
}

/* Scenario Section */
.voicebot-scenario-section {
	padding: 100px 0;
	background: #D9FBFF9E;
}

.voicebot-scenario-header-left {
	width: 45%;
}

.voicebot-scenario-header-right {
	width: 50%;
}

.voicebot-scenario-main-title {
	font-size: 42px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0 0 10px 0;
	text-align: left;
	line-height: 1.2;
}

.voicebot-scenario-subtitle {
	font-size: 22px;
	color: #0E5E67;
	margin: 0 0 0 0;
	font-weight: 400;
	font-family: "Red Rose", serif;
}

.voicebot-scenario-intro {
	font-size: 16px;
	color: #333;
	line-height: 1.8;
	margin: 0;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	text-align: justify;
}

.voicebot-scenario-steps-title {
	font-size: 26px;
	font-weight: 400;
	color: #0E5E67;
	margin: 50px 0 40px 0;
	font-family: "Red Rose", serif;
	text-align: center;
}

.voicebot-scenario-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	margin-bottom: 50px;
}

.voicebot-step {
	background: transparent;
	padding: 0;
}

.voicebot-step-header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.voicebot-step-number {
	font-size: 48px;
	font-weight: 700;
	color: #6FD97E;
	font-family: "Red Rose", serif;
	line-height: 1;
	flex-shrink: 0;
}

.voicebot-step-title {
	font-size: 18px;
	font-weight: 400;
	color: #005757;
	margin: 0;
	line-height: 1.4;
	font-family: "Red Rose", serif;
	text-align: left;
	flex: 1;
}

.voicebot-step-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.voicebot-step-list {
	margin-top: 15px;
}

.voicebot-step-list li {
	font-size: 16px;
	color: #0E5E67;
	line-height: 1.4;
	margin-bottom: 5px;
	padding-left: 20px;
	position: relative;
	font-family: "Red Rose", serif;
}

.voicebot-step-list li::before {
	content: "•";
	position: absolute;
	left: 0;
	color: #0E5E67;
	font-weight: bold;
	font-size: 18px;
}

.voicebot-scenario-result-wrapper {
	max-width: 1000px;
	margin: 60px auto 50px;
	text-align: center;
}

.voicebot-scenario-result-question {
	font-size: 32px;
	font-weight: 700;
	color: #005757;
	margin: 0 0 20px 0;
	line-height: 1.3;
	font-family: "Red Rose", serif;
}

.voicebot-scenario-result {
	font-size: 32px;
	font-weight: 700;
	color: #005757;
	margin: 0;
	line-height: 1.4;
	font-family: "Red Rose", serif;
}

.voicebot-scenario-button-wrapper {
	text-align: center;
	margin-top: 40px;
}

/* Cloud Section */
.voicebot-cloud-left {
	width: 45%;
}

.voicebot-cloud-right {
	width: 50%;
}

.voicebot-cloud-left img {
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.voicebot-cloud-desc {
	font-size: 16px;
	color: #0E5E67;
	margin: 0 0 30px 0;
	line-height: 1.7;
	font-family: "Red Rose", serif;
}

.voicebot-cloud-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.voicebot-cloud-list li {
	display: flex;
	align-items: flex-start;
	gap: 25px;
	margin-bottom: 18px;
	font-size: 18px;
	color: #0E5E67;
	line-height: 1.6;
	font-weight: 400;
	font-family: "Red Rose", serif;
}

/* Grant Section */
.voicebot-grant-section {
	position: relative;
	padding: 100px 0;
	overflow: hidden;
}

.voicebot-grant-left {
	width: 45%;
	position: relative;
}

.voicebot-grant-right {
	width: 55%;
	background: #fff;
}

.voicebot-grant-right .box {
	padding: 60px 80px 60px 60px;
}

.voicebot-grant-image-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-top-right-radius: 50px;
}

.voicebot-grant-image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.voicebot-grant-overlay-box {
	position: absolute;
	bottom: 50px;
	left: 0;
	background: #D9FBFF9E;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: 50px 60px;
	border-radius: 0 50px 0 0;
	max-width: 550px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
}

.voicebot-grant-overlay-title {
	font-size: 36px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0;
	line-height: 1.3;
	text-align: left;
}

.voicebot-grant-text {
	font-size: 16px;
	color: #0E5E67;
	margin: 0 0 40px 0;
	line-height: 1.7;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
}

.voicebot-grant-subtitle {
	font-size: 18px;
	font-weight: 600;
	color: #0E5E67;
	margin: 0 0 25px 0;
	font-family: "Poppins", sans-serif;
}

.voicebot-grant-list {
	list-style: none;
	padding: 0;
	margin: 0 0 40px 0;
}

.voicebot-grant-list li {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	margin-bottom: 18px;
	font-size: 16px;
	color: #0E5E67;
	line-height: 1.6;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
}

.voicebot-grant-list li .voicebot-check-icon {
	filter: none;
	width: 32px;
	height: auto;
	flex-shrink: 0;
	margin-top: 2px;
}

.voicebot-grant-button-wrapper {
	text-align: right;
	margin-top: 30px;
}

/* Benefits Section */
.voicebot-benefits-title {
	font-size: 42px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	text-align: center;
	margin: 0 0 60px 0;
}

.voicebot-benefits-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.voicebot-benefit-card {
	background: #fff;
	border-radius: 0;
	overflow: visible;
	box-shadow: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.voicebot-benefit-image-wrapper {
	position: relative;
	width: 80%;
	aspect-ratio: 4/5;
	overflow: hidden;
	border-radius: 55px;
}

.voicebot-benefit-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.voicebot-benefit-title-overlay {
	position: absolute;
	bottom: 50px;
	left: 0;
	background: #4DC583;
	color: #fff;
	padding: 12px 20px;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	font-family: "Poppins", sans-serif;
	border-top-right-radius: 20px;
	max-width: 85%;
}

.voicebot-benefit-content {
	padding: 40px 30px 50px 30px;
	background: #D9FBFF9E;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-top-right-radius: 50px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	flex: 1;
	width: 100%;
	box-shadow: none;
	margin-top:-50px;
}

.voicebot-benefit-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.voicebot-benefit-list li {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	margin-bottom: 16px;
	font-size: 16px;
	color: #0E5E67;
	line-height: 1.6;
	font-weight: 400;
	font-family: "Red Rose", serif;
}

.voicebot-benefit-list li:last-child {
	margin-bottom: 0;
}

.voicebot-benefit-check-icon {
	width: 24px;
	height: auto;
	flex-shrink: 0;
	margin-top: 2px;
	filter: brightness(0) invert(1);
}

/* Security Section */
.voicebot-security-section {
	position: relative;
	padding: 100px 0;
	overflow: hidden;
}

.voicebot-security-title-wrapper {
	background: #D9FBFF9E;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: 20px 30px;
	border-top-right-radius: 50px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	display: inline-block;
	margin-bottom: 40px;
	margin-left: 0;
}

.voicebot-security-title {
	font-size: 42px;
	font-weight: 700;
	color: #0E5E67;
	font-family: "Red Rose", serif;
	margin: 0;
}

.voicebot-security-left {
	width: 40%;
}

.voicebot-security-right {
	width: 58%;
}

.voicebot-security-right img {
	width: 100%;
	height: 100%;
	min-height: 600px;
	object-fit: cover;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	display: block;
}

.voicebot-security-list {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 0;
	padding-left:50px;
}

.voicebot-security-list li {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	margin-bottom: 18px;
	font-size: 16px;
	color: #0E5E67;
	line-height: 1.6;
	font-weight: 400;
	font-family: "Red Rose", serif;
}

.voicebot-security-check-icon {
	width: 24px;
	height: auto;
	flex-shrink: 0;
	margin-top: 2px;
	filter: brightness(0) saturate(100%) invert(64%) sepia(95%) saturate(1352%) hue-rotate(87deg) brightness(95%) contrast(89%);
}

.voicebot-security-conclusion {
	font-size: 16px;
	font-weight: 700;
	color: #0E5E67;
	margin: 35px 0 0 0;
	padding-left:50px;
	line-height: 1.7;
	font-family: "Red Rose", serif;
}

/* Demo Section */
.voicebot-demo-section {
	padding: 100px 0;
	background: #6BD789;
}

.voicebot-demo-col1 {
	width: 28%;
	display: flex;
	align-items: flex-start;
}

.voicebot-demo-col2 {
	width: 38%;
}

.voicebot-demo-col3 {
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.voicebot-demo-title {
	font-size: 42px;
	font-weight: 700;
	color: #fff;
	font-family: "Red Rose", serif;
	margin: 0;
	line-height: 1.3;
}

.voicebot-demo-text {
	font-size: 18px;
	color: #fff;
	margin: 0 0 20px 0;
	line-height: 1.6;
	font-family: "Red Rose", serif;
}

.voicebot-demo-scenarios {
	list-style: none;
	padding: 0;
	margin: 0;
}

.voicebot-demo-scenarios li {
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
	line-height: 1.6;
	padding-left: 20px;
	position: relative;
	font-family: "Red Rose", serif;
}

.voicebot-demo-scenarios li::before {
	content: "•";
	position: absolute;
	left: 0;
	font-size: 24px;
}

.voicebot-button-white {
	display: inline-block;
	background: #fff;
	color: #6BD789;
	padding: 28px 50px;
	border-radius: 20px;
	font-size: 24px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.3s;
	font-family: "Red Rose", serif;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.voicebot-button-white:hover {
	background: #f0f0f0;
	transform: translateY(-2px);
	color:#000;
}

/* Contact Section */
.voicebot-contact-section {
	padding: 100px 0;
	background: #6BD789;
}

.voicebot-contact-section .box {
	position: relative;
	z-index: 2;
}

.voicebot-contact-form {
	width: 55%;
}

.voicebot-contact-info {
	width: 40%;
	background: #E8FDFF;
	border-radius: 12px;
	padding: 45px 38px;
	box-shadow: 0 3px 12px rgba(0,0,0,0.08);
}

.voicebot-form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.voicebot-form .voicebot-textarea {
	grid-column: 1 / -1;
}

.voicebot-input,
.voicebot-textarea {
	width: 100%;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 16px;
	font-family: inherit;
	box-sizing: border-box;
	background: #fff;
}

.voicebot-input:focus,
.voicebot-textarea:focus {
	outline: none;
	border-color: #4DC583;
}

.voicebot-textarea {
	min-height: 150px;
	resize: vertical;
}

.voicebot-contact-title {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	font-family: "Red Rose", serif;
	margin: 0 0 18px 0;
	line-height: 1.3;
}

.voicebot-contact-desc {
	font-size: 16px;
	color: #333;
	margin: 0 0 30px 0;
	line-height: 1.7;
}

.voicebot-contact-detail {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.voicebot-contact-detail img {
	width: 24px;
	height: 24px;
}

.voicebot-contact-detail span {
	font-size: 16px;
	color: #6BD789;
	font-weight: 500;
}

.voicebot-contact-note {
	font-size: 14px;
	color: #666;
	margin-top: 30px;
	font-style: italic;
}

/* Responsive Styles for Voicebot Template */
@media all and ( max-width:1300px) {
	.voicebot-hero-overlay {
		max-width: 600px;
		padding: 50px 60px;
	}
	
	.voicebot-scenario-steps {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.voicebot-benefits-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media all and ( max-width:1020px) {
	.voicebot-hero {
		min-height: 500px;
	}
	
	.voicebot-hero-overlay {
		padding: 40px 40px;
		max-width: 90%;
		margin: 20px;
	}
	
	.voicebot-hero-title {
		font-size: 32px;
	}
	
	.voicebot-section-title {
		font-size: 36px;
	}
	
	.voicebot-dimension-left,
	.voicebot-dimension-right {
		width: 100%;
		margin-bottom: 40px;
	}
	
	
	.voicebot-247 {
		font-size: 80px;
	}
	
	.voicebot-scenario-steps {
		grid-template-columns: 1fr;
	}
	
	.voicebot-cloud-left,
	.voicebot-cloud-right {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.voicebot-benefits-grid {
		grid-template-columns: 1fr;
	}
	
	.voicebot-security-left,
	.voicebot-security-right {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.voicebot-demo-col1,
	.voicebot-demo-col2,
	.voicebot-demo-col3 {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.voicebot-demo-col3 {
		justify-content: flex-start;
	}
	
	.voicebot-grant-left,
	.voicebot-grant-right {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.voicebot-grant-right .box {
		padding: 40px 30px;
	}
	
	.voicebot-grant-image-wrapper {
		min-height: 400px;
	}
	
	.voicebot-partner-left,
	.voicebot-partner-right {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.voicebot-security-section {
		padding: 60px 0;
	}
	
	.voicebot-security-title-wrapper {
		margin-bottom: 30px;
	}
	
	.voicebot-contact-form,
	.voicebot-contact-info {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.voicebot-form {
		grid-template-columns: 1fr;
	}
}

@media all and ( max-width:767px) {
	.voicebot-hero {
		min-height: 400px;
	}
	
	.voicebot-hero-overlay {
		padding: 30px 25px;
		border-radius: 15px;
	}
	
	.voicebot-hero-title {
		font-size: 24px;
	}
	
	.voicebot-hero-subtitle {
		font-size: 16px;
	}
	
	.voicebot-section-title {
		font-size: 28px;
		margin-bottom: 40px;
	}
	
	.voicebot-section,
	.voicebot-services-section,
	.voicebot-partner-section,
	.voicebot-scenario-section,
	.voicebot-grant-section,
	.voicebot-demo-section,
	.voicebot-contact-section {
		padding: 60px 0;
	}
	
	.voicebot-247 {
		font-size: 60px;
	}
	
	.voicebot-phone-icon {
		display: none;
	}
	
	.voicebot-scenario-result {
		font-size: 20px;
		margin: 30px 0;
	}
	
	.voicebot-grant-overlay {
		padding: 40px 30px;
	}
	
	.voicebot-demo-title {
		font-size: 28px;
	}
	
	.voicebot-demo-col1,
	.voicebot-demo-col2,
	.voicebot-demo-col3 {
		margin-bottom: 25px;
	}
	
	.voicebot-demo-text {
		font-size: 16px;
	}
	
	.voicebot-demo-scenarios li {
		font-size: 16px;
	}
	
	.voicebot-button-white {
		padding: 20px 40px;
		font-size: 18px;
		width: 100%;
		text-align: center;
	}
	
	.voicebot-benefits-title {
		font-size: 32px;
		margin-bottom: 40px;
	}
	
	.voicebot-benefit-image-wrapper {
		aspect-ratio: 3/4;
	}
	
	.voicebot-benefit-content {
		padding: 30px 20px 40px 20px;
	}
	
	.voicebot-security-section {
		padding: 40px 0;
	}
	
	.voicebot-security-title {
		font-size: 28px;
	}
	
	.voicebot-security-title-wrapper {
		padding: 15px 20px;
		margin-bottom: 30px;
	}
	
	.voicebot-security-right img {
		min-height: 400px;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	
	.voicebot-security-list {
		padding-left: 0;
	}
	
	.voicebot-security-conclusion {
		padding-left: 0;
		font-size: 14px;
	}
	
	.voicebot-grant-section {
		padding: 40px 0;
	}
	
	.voicebot-grant-left,
	.voicebot-grant-right {
		margin-bottom: 30px;
	}
	
	.voicebot-grant-image-wrapper {
		min-height: 300px;
		border-top-right-radius: 20px;
	}
	
	.voicebot-grant-overlay-box {
		padding: 30px 40px;
		max-width: 100%;
		bottom: 20px;
	}
	
	.voicebot-grant-overlay-title {
		font-size: 24px;
	}
	
	.voicebot-grant-right .box {
		padding: 30px 20px;
	}
	
	.voicebot-grant-text {
		font-size: 14px;
	}
	
	.voicebot-grant-list li {
		font-size: 14px;
	}
	
	.voicebot-grant-button-wrapper {
		text-align: center;
	}
	
	.voicebot-partner-practice-section {
		padding: 40px 0;
	}
	
	.voicebot-partner-left,
	.voicebot-partner-right {
		margin-bottom: 30px;
	}
	
	.voicebot-scenario-main-title {
		font-size: 28px;
	}
	
	.voicebot-scenario-subtitle {
		font-size: 18px;
	}
	
	.voicebot-scenario-steps-title {
		font-size: 20px;
	}
	
	.voicebot-scenario-section {
		padding: 40px 0;
	}
	
	.voicebot-section-title {
		font-size: 24px;
	}
	
	.voicebot-dimension-title,
	.voicebot-services-title {
		font-size: 24px;
	}
	
	.voicebot-dimension-text,
	.voicebot-services-list li span {
		font-size: 14px;
	}
	
	.voicebot-247 {
		font-size: 50px;
	}
	
	.voicebot-contact-info {
		padding: 30px 25px;
	}
	.voicebot-scenario-header-left,.voicebot-scenario-header-right,.voicebot-practice-right {
		width: 100%;
	}
}