:root {
--main: #bbfa6d;
--secondary: #005de4;
--gradient: linear-gradient(340deg, var(--main) 0%, var(--secondary) 100%);
} .overflow-fix {
max-width: 100vw;
overflow: hidden;
}
header .main-section .et_pb_row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
}
header .main-section .et_pb_row:after {
display: none;
}
header .main-section .et_pb_row .et_pb_column {
width: auto;
margin: 0;
float: unset;	
}
header .main-section .et_pb_row .et_pb_column.contact {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
header .main-section .et_pb_row .et_pb_column.menu {
justify-content: center;
display: flex;
}
header .main-section .et_pb_row .et_pb_column {
flex: 1;
}
header .et_pb_column.contact .et_pb_blurb_position_left .et_pb_blurb_container {
padding-left: 10px;
vertical-align: middle;
}
header .contact .et_pb_blurb h4.et_pb_module_header {
padding: 0;
}
.hm-banner.et_pb_section {
min-height: 75vh;
display: flex;	
}
.hm-banner h1 {
font-weight: bold;
font-size: 50px;
padding-bottom: 15px;
}
.hm-banner h2 {
font-size: 28px;
padding-bottom: 15px;
}
.video-btn.et_pb_blurb {
display: flex;
align-items: center;	
}
.video-btn.et_pb_blurb .et_pb_blurb_content {
display: flex;
align-items: center;
gap: 10px;
}
.video-btn.et_pb_blurb .et_pb_main_blurb_image {
margin: 0;
}
.video-btn.et_pb_blurb h4 {
padding: 0;
}
.video-btn.et_pb_blurb .et_pb_main_blurb_image span.et-pb-icon {
font-size: 40px;
background-color: var(--main);
border-radius: 100%;
padding: 5px;
animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
0% {
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
}
100% {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
}
.highlights.et_pb_row {
position: absolute;
bottom: -120px;
margin: auto;
left: 0;
right: 0;
background: white;
border-radius: 70px 70px 0 0;
max-width: none;
z-index: 2;
width: 100%;
padding-top: 50px;
display: flex;
justify-content: center;
}
.highlights.et_pb_row .et_pb_column {
display: flex;
gap: 30px;
max-width: 1080px;
margin-left: auto !important;
margin-right: auto !important;
float: unset;
}
.highlights .et_pb_blurb {
flex: 1;
background: white;
padding: 30px;
border-radius: 0;
min-width: 138px;
transition: all 0.5s ease;
}
.highlights .info.et_pb_column {
display: flex;
flex-direction: column;
justify-content: center;	
}
.highlights .et_pb_column .et_pb_blurb {
background-image: url(//pharmasys.gr/wp-content/uploads/2026/02/Lines_01.svg);
background-size: 160px;
background-repeat: no-repeat;
background-position: top left;
}
.highlights .et_pb_column .et_pb_blurb:nth-child(2) {
background-image: url(//pharmasys.gr/wp-content/uploads/2026/02/Lines_02.svg);
background-position: bottom left;
}
.highlights .et_pb_column .et_pb_blurb:nth-child(3) {
background-image: url(//pharmasys.gr/wp-content/uploads/2026/02/Lines_03.svg);
background-position: top right;
}
.highlights .et_pb_blurb .et_pb_main_blurb_image {
margin: 10px;
transition: all 0.5s ease;
}
@media all and (min-width: 981px) {
.highlights .et_pb_blurb:hover .et_pb_main_blurb_image {
transform: scale(1.2);
}
.highlights .et_pb_blurb:hover {
transform: translateY(-10px);
}
}
.accord.et_pb_accordion .et_pb_toggle {
margin-bottom: 10px;
background: transparent;
padding: 0;
}
.accord.et_pb_accordion .et_pb_toggle h5.et_pb_toggle_title {
border: 1px solid #ebeef3;
border-radius: 30px;
padding: 17px 30px !important;
background-color: white;
}
.accord .et_pb_toggle .et_pb_toggle_title:before {
right: 20px;
}
.accord .et_pb_toggle_open .et_pb_toggle_title {
background-image: var(--gradient);
}
.accord .et_pb_toggle .et_pb_toggle_content {
padding-left: 20px;
padding-right: 20px;	
}
.hm-section-2.et_pb_section:before {
content: '';
width: 100%;
height: 50%;
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(180deg, rgba(238, 243, 249, 0.84) 100%, white 0%), url(//pharmasys.gr/wp-content/uploads/2025/10/background2-1.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.main-info.et_pb_section {
padding-top: 5%;
background-image: url(//pharmasys.gr/wp-content/uploads/2026/02/Abstract-background-scaled.png);
background-size: contain;
background-repeat: no-repeat;
background-position: -4%;
z-index: 5;
margin-top: 5%;
}
.main-info .info .et_pb_blurb .et_pb_image_wrap {
display: block;
margin: auto;
padding: 10px;
width: 50px;
background: white;
border-radius: 5px;
border: 01px solid #d3d3d3;
}
.et_pb_post_content h1, .et_pb_post_content h2, .et_pb_post_content h3, .et_pb_post_content h4, .et_pb_post_content h5 {
padding: 22px 0;
}
.blog-style .et_pb_ajax_pagination_container {
display: flex;
flex-wrap: wrap;
gap: 30px 3%;	
}
.blog-style article.et_pb_post {
flex: 0 1 48.5%;
display: grid;
grid-column-gap: 10px;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto 1fr;
align-items: start;
justify-items: start;
grid-row-gap: 15px;
}
.blog-style article.et_pb_post .entry-featured-image-url img {
border-radius: 30px;
}
.blog-style article.et_pb_post .entry-featured-image-url {
margin-bottom: 0px;
grid-column: 1 / 2;
grid-row: 1 / span 2;
}
.blog-style article.et_pb_post .entry-title {
grid-column: 2 / 3;
grid-row: 1;
align-self: start;
font-size: 17px !important;
padding: 0;
}
.blog-style article.et_pb_post .entry-title a {
font-weight: 700 !important;
}
.blog-style article.et_pb_post .post-content {
grid-column: 2 / 3;
grid-row: 2;
align-self: start;	
line-height: 1.4em;
}
.blog-banner .et_pb_blurb .et_pb_blurb_container {
vertical-align: middle;
padding: 0;	
}
.blog-banner .et_pb_blurb h4.et_pb_module_header {
padding: 0;	
}
body.single-post ul li::marker {
color: var(--main);
font-size: 19px;
}
body.single-post blockquote {
border-color: var(--main);
}
body.single-post blockquote p {
font-size: 21px;
}
body.single-post .et_pb_button_module_wrapper {
margin-top: 18px;
}
body.single-post .et_pb_button_module_wrapper a.et_pb_button {
display: block;
text-align: center;
max-width: 300px;
margin: auto;
padding-top: 10px;
padding-bottom: 10px;	
}
footer .main-row .about {
background-image: linear-gradient(45deg, color-mix(in srgb, var(--secondary) 68%, transparent), color-mix(in srgb, var(--secondary) 68%, transparent)), url(//pharmasys.gr/wp-content/uploads/2025/10/background2-1.jpg);
padding: 30px 16px;
border-radius: 30px;
background-size: cover;	padding: 30px 16px;
border-radius: 30px;
}
footer .main-row .about br {
display: none;
}
footer .main-row .about input[type="email"] {
display: block;
background-color: transparent;
color: white;
padding: 10px 20px;
border-radius: 30px;
border: 1px solid white;
width: 100%;
margin: 13px 0;
}
footer .main-row .about input[type="email"]::placeholder {
color: white;
}
footer .main-row .about label {
font-size: 11px;
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
}
footer .main-row .about input[type="checkbox"] {
margin: 0;
display: inline-block;
vertical-align: middle;
margin-right: 6px;
accent-color: white;
}
footer .main-row .about button {
cursor: pointer;
background: white;
color: var(--secondary);
font-weight: bold;
border: 1px solid white;
border-radius: 30px;
padding: 6px 30px;
}
footer .main-row .about.et_pb_column .et_pb_text p {
font-size: 14px;
line-height: 1.5em;	
}
footer .copyrights.et_pb_row .et_pb_column {
display: flex;
width: 80% !important;
max-width: 1150px;
margin: 0 auto !important;
float: unset;
gap: 15px;
justify-content: space-between;	
}
footer .main-row .et_pb_widget_area ul li a {
padding-left: 20px;
position: relative;
}
footer .main-row .et_pb_widget_area ul li a:before {
content: "\35";
font-family: 'ETmodules';
color: var(--main);
font-size: 26px;
position: absolute;
left: 0;
top: -2px;
}
footer .main-row .et_pb_column:not(.about) {
padding-top: 10px;
}
.support.et_pb_blurb {
width: fit-content;
margin-left: auto;
margin-right: auto;
transition: all 0.5s ease;
}
.support.et_pb_blurb:hover {
transform: translateY(-10px);
}
.hm-row-1.et_pb_row {
align-items: center;
}
.hm-row-1 .graph .et_pb_number_counter .percent p {
line-height: 1;
}
.hm-row-1 .et_pb_number_counter .percent {
height: auto;
}
footer .copyrights.et_pb_row .et_pb_column p {
line-height: 1.2em;
}
.hm-banner.et_pb_section {
background-position: 65% 32% !important;	
}
.characteristics .info.et_pb_column {
display: flex;
flex-wrap: wrap;
gap: 30px 2%;
}
.characteristics .info .et_pb_text {
flex: 100%;
}
.characteristics .info .et_pb_blurb {
flex: 0 1 32%;
}
.list-check.et_pb_text ul {
list-style: none;
padding-left: 0;
}
.list-check.et_pb_text ul li {
position: relative;
padding-left: 34px;
font-weight: bold;
}
.list-check.et_pb_text ul li:before {
content: url(//pharmasys.gr/wp-content/uploads/2025/12/check-mark-1-2.png);    font-family: 'ETmodules';
position: absolute;
left: 0;
top: 0;
font-size: 29px;
color: var(--main);
}
.text-on-image.et_pb_text {
background-image: var(--gradient);	
padding: 20px 30px;
border-radius: 60px;
position: absolute;
bottom: 0;
right: -25px;
width: 85%;
}
.text-on-image.et_pb_text p {
color: white;
line-height: 1.2em;
}
.video-tutorial.et_pb_section {
position: fixed;
top: 0;
left: 0;
margin: auto;
right: 0;
bottom: 0;
z-index: 999;
background: #000000a3;
width: 100vw;
height: 100vh;
overflow: auto;
display: none;
}
.video-tutorial.et_pb_section.visible {
display: flex !important;
}
.video-btn {
cursor: pointer;
}
.video-close-btn {
position: absolute;
top: 0;
right: -61px;
cursor: pointer;	
}
.demo-video .et_pb_code_inner {
padding: 10px;
border: 1px dashed #e4e7ed;
border-radius: 10px;	
transition: all 0.5s ease;
}
.demo-video:hover .et_pb_code_inner {
border-color: var(--main);
}
.demo-video video {
border-radius: 10px;
}
.promo.et_pb_text {
width: fit-content;
padding: 30px;
font-size: 24px;
border-radius: 30px;
margin-top: -61px;	
transition: all 0.5s ease;
}
.promo.et_pb_text span.price {
font-size: 37px;
font-weight: bold;	
}
.promo.et_pb_text:hover {
transform: translateY(-20px);
}
::-webkit-scrollbar-track {
background: #eff7f7;
}
.tabs-wrap .et_pb_column {
display: flex;
gap: 10px;
overflow: auto;
padding-bottom: 20px !important;
}
.tabs-wrap .et_pb_column::-webkit-scrollbar {
height: 5px;
}
.tabs-wrap .et_pb_column::-webkit-scrollbar-thumb {
background: var(--main);
}
.tabs-wrap .tab {
flex: 1;
min-width: 200px;
line-height: 1.2em;
background-image: linear-gradient(45deg, #eff7f7, transparent);
padding: 12px;
cursor: pointer;
transition: all .5s ease;
}
.tabs-wrap .tab.active {
background-color: var(--main);
}
.tabs-section .content {
animation: fadeIn 0.5s ease;
}
.tabs-section .content .et_pb_button_module_wrapper, .tabs-section .content .price, .info-row-1 .et_pb_button_module_wrapper, .info-row-1 .price {
width: fit-content;
display: inline-block;	
}
.tabs-section .content .price.et_pb_text, .info-row-1 .price.et_pb_text {
margin-left: 15px;
position: relative;
padding-bottom: 2px;
}
.tabs-section .content .price.et_pb_text:before, .info-row-1 .price.et_pb_text:before {
content: '';
width: 100%;
height: 1px;
background: black;
position: absolute;
bottom: 0;
left: 0;
}
.tabs-section .content .price span, .info-row-1 .price span {
font-weight: 700;
font-size: 22px;
}
.cta-row.et_pb_row {
overflow: visible;
}
.cta-row:after {
content: '';
background: var(--secondary);
width: 10px;
height: 50px;
position: absolute;
bottom: -65px;
left: 39%;
visibility: visible;
}
.cta-row:before {
content: '';
width: 35%;
height: auto;
background-image: url(//pharmasys.gr/wp-content/uploads/2026/02/Lines.svg);
aspect-ratio: 7 / 2;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
min-width: 350px;
top: -30px;
left: -27px;
}
.characteristics.et_pb_row {
align-items: center;	
}
.characteristics .et_pb_text {
padding: 20px;
border-radius: 30px;
background: white;
line-height: 1.2em;
}
.characteristics .et_pb_text p {
padding-bottom: 2px;
}
.blog-stl .et_pb_ajax_pagination_container {
display: flex;
flex-wrap: wrap;
gap: 20px 1%;
}
.blog-stl article {
flex: 0 1 24.25%;
border-radius: 30px;
display: flex;
flex-direction: column;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
transition: all .5s ease;
}
.blog-stl article:hover {
box-shadow: rgb(187 250 109 / 44%) 0px 8px 24px;
}
.blog-stl article img {
height: 190px;
object-fit: cover;
border-radius: 30px 30px 0 0;
}
.blog-stl article.et_pb_post h2.entry-title {
font-size: 17px !important;
}
.blog-stl article.et_pb_post a.more-link {
font-weight: 600;
font-size: 13px;
color: #bbfa6d !important;
margin-top: auto;
}
.blog-stl article.et_pb_post h2.entry-title, .blog-stl article.et_pb_post .post-content {
padding: 0 12px;
line-height: 1.2em !important;
margin-bottom: 13px;
}
.blog-stl article.et_pb_post .post-content {
flex: 1;
display: flex;
flex-direction: column;
}
#contact .text.et_pb_column {
padding-top: 30px;
padding-left: 30px;
}
#contact .text.et_pb_column:before {
content: '';
width: 35%;
height: auto;
background-image: url(//pharmasys.gr/wp-content/uploads/2026/02/Lines.svg);
aspect-ratio: 7 / 2;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
min-width: 350px;
top: 0;
left: 0;
}
.info-row-1.et_pb_row, .info-row-1 .et_pb_column {
position: initial;
}
.popular-tag.et_pb_text {
left: 0;
position: absolute;
top: 9%;
width: fit-content;
}
.popular-tag h3 {
padding: 0;
font-size: 18px;
font-weight: bold;
}
.et_pb_row .price-block.et_pb_column.et-last-child {
display: flex;
max-width: 900px;
margin-left: auto;
float: unset;
margin-right: auto !important;
flex-wrap: wrap;
}
.price-block .price1, .price-block .price2, .price-block .info {
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1em;
}
.price-block .price1 {
background: #2f3133;
color: white;
}
.price-block .price1 {
flex: 1;
}
.price-block .price2 {
flex: 2;
}
.price-block .price1, .price-block .price2 {
font-size: 30px;
}
.price-block .price2 {
background: #005DE4;
color: white;
font-weight: bold;
}
.price-block .price2 span.per-year {
font-size: 20px;
margin-left: 10px;
font-weight: normal;
}
.price-block .info {
flex: 4;
background: #f2f4f8;
}
.price-block .info .et_pb_text_inner {
width: 100%;
}
.price-block .tag {
position: absolute;
background: var(--main);
padding: 10px;
left: -10px;
top: -22px;
font-weight: bold;
}
.whychoose .et_pb_blurb .et_pb_blurb_container {
background: #f2f2f2;
padding: 15px;
border-radius: 10px;
}
.whychoose .et_pb_blurb .et_pb_blurb_description {
font-size: 18px;
}
.whychoose .et_pb_blurb .et_pb_main_blurb_image {
vertical-align: middle;
}
@media all and (max-width: 1320px) {
.hm-row-1 .info.et_pb_column .et_pb_blurb {
flex: 100%;
}
.hm-row-1 .graph .et_pb_number_counter .percent p {
font-size: 35px;
}
}
@media all and (max-width: 1230px) {
.hm-banner h1 {
font-size: 38px;
}
.hm-banner h2 {
font-size: 23px;
font-weight: 700;
}
.hm-banner p {
font-size: 18px;
}
.blog-stl article {
max-width: 400px;
margin: auto;	
flex: 100%;
}
.blog-stl article.et_pb_post h2.entry-title, .blog-stl article.et_pb_post .post-content {
padding: 5px 18px;
}
}
@media screen and (max-width: 980px) {
.mobile-col-reverse.et_pb_row {
display: flex;
flex-direction: column-reverse;
gap: 30px;
}
.hm-banner .asset.et_pb_image .et_pb_image_wrap img {
width: 500px;	
}
.highlights.et_pb_row {
overflow: auto;
bottom: -92px;
width: 95%;
padding: 20px 28px;
z-index: 2;
}
.highlights .et_pb_column {
gap: 1%;
}
.highlights .et_pb_blurb {
padding: 10px;
}
.main-info.et_pb_section {
padding-top: 7em;
z-index: 1;
}
.highlights .et_pb_blurb h4.et_pb_module_header {
font-size: 16px;
}
.blog-style article.et_pb_post {
flex: 100%;
}
footer .logo.et_pb_image {
margin: 0 !important;
text-align: center;
}
footer .et_pb_column .et_pb_widget {
margin-bottom: 0;
}
.cta-row .et_pb_column {
float: unset;
}
}
@media screen and (max-width: 870px) {
header .main-section .et_pb_row {
flex-direction: column;
gap: 10px;
}
}
@media all and (max-width: 600px) {
.hm-banner.et_pb_section {
flex-direction: column;
padding-bottom: 0;	
}
.hm-banner .banner.et_pb_row {
padding-bottom: 0;
margin-bottom: -17px;
}
}
@media all and (max-width: 590px) {
.blog-style article.et_pb_post {
display: block;
}
.blog-style article.et_pb_post .entry-featured-image-url {
margin-bottom: 15px;
}
.hm-banner .et_pb_column.info h1 {
font-size: 9vw;	
}
.highlights.et_pb_row {
position: relative;
bottom: unset;
}
.highlights.et_pb_row .et_pb_column {
flex-direction: column;	
}
.main-info.et_pb_section {
padding-top: 50px;
}
}
@media all and (max-width: 500px) {
.hm-row-1 .graph .et_pb_number_counter .percent p {
font-size: 30px;
line-height: 17px;
}
.hm-row-1 .graph .et_pb_number_counter h3 {
padding: 0;
font-size: 15px;
}
}
.et_pb_blog_0.blog-stl .et_pb_post div.post-content a.more-link {
color: black !important;
text-decoration: underline;
}
.offer-text-line {
color: white;
font-size: 19px;
font-weight: bold;
margin-bottom: 20px !important;
margin-top: 50px !important;
}
.special-offer-text h1 {
font-size: 38px;
}
.special-offer-text h2 {
font-size: 25px;
}