section#sb_homepage_hero {
padding: 50px 100px;
}
.sb_homepage_hero_inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
min-height: 800px;
}
section#sb_homepage_hero .sb_container {
background-image: url(//gkolezakis.gr/wp-content/uploads/2026/04/Vector.png;);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 16px;
border-radius: 26px;
}
.sb_homepage_hero_left {
width: 23%;
align-self: flex-start;
}
.sb_homepage_hero_center {
width: 54%;
display: flex;
align-items: center;
}
.sb_homepage_hero_right {
align-self: flex-end;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 16px;
width: 23%;
}
.sb_hero_image_circle {
width: 100%;
height: 450px;
border-radius: 50%;
overflow: hidden;
background: transparent;
transform: rotate(-5deg);
}
.sb_hero_image_circle img {
width: fit-content;
height: 90%;
object-fit: contain;
object-position: center;
position: absolute;
top: 0px;
left: -15px;
right: 0;
margin: auto;
transform: rotate(-5deg);
filter: grayscale(1);
transition: ease-in-out 0.5s all;
}
section#sb_homepage_hero:hover .sb_hero_image_circle img {
filter: grayscale(0);
transition: ease-in-out 0.5s all;
left: 0px;
transform: rotate(5deg);
top: 0px;
height: 100%;
}
.sb_hero_iatriko {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.sb_hero_specialty {
font-family: 'Jura', sans-serif;
font-size: 16px;
color: #46454B;
}
.sb_hero_name {
font-family: 'Jura', sans-serif;
font-size: 36px;
font-weight: 700;
color: #0B2241;
line-height: 1.1;
margin-top: 8px;
}
.sb_hero_position {
font-family: 'Jura', sans-serif;
font-size: 16px;
color: #46454B;
text-align: right;
max-width: 280px;
}
.sb_hero_logo {
max-width: 160px;
}
@keyframes pulse {
0%   { transform: scale(1); }
50%  { transform: scale(1.15); }
100% { transform: scale(1); }
}
section#sb_homepage_hero:hover img.sb_heart_iatriko {
animation: pulse 1.5s ease-in-out infinite;
}
@media screen and (max-width: 1850px) {
section#sb_homepage_hero {
padding: 50px 60px;
}
}
@media screen and (max-width: 1600px) {
section#sb_homepage_hero {
padding: 50px 12px;
}
}
@media screen and (max-width: 1080px) {
.sb_homepage_hero_inner {
flex-direction: column;
align-items: center;
min-height: auto;
gap: 24px;
}
.sb_homepage_hero_left {
width: 100%;
align-self: center;
}
.sb_homepage_hero_center {
width: 100%;
}
.sb_homepage_hero_right {
align-items: center;
gap: 16px;
width: 100%;
}
.sb_hero_position {
max-width: max-content;
text-align: center;
}
section#sb_homepage_hero .sb_container {
background: #fff;
}
.sb_hero_image_circle img {
filter: grayscale(0);
}
.sb_hero_name {
font-size: 26px;
}
}
section#sb_homepage_nea,
section#sb_homepage_peristatika,
section#sb_homepage_kyp,
section#sb_homepage_robotiki_cheirourgiki,
section#sb_homepage_nanoknife,
section#sb_homepage_ourologia,
section#sb_homepage_iatros,
section#sb_homepage_hero {
background: #D6E1E4;
}
.sb_homepage_iatros_top {
display: flex;
flex-direction: column;
align-items: center;
gap: 0px;
}
.sb_iatros_description {
color: #46454B;
font-family: 'Jura';
font-size: 32px;
line-height: 38px;
text-align: center;
font-weight: 400;
margin-top: 30px;
}
.sb_iatros_description strong {
font-weight: 600;
}
.sb_homepage_iatros_middle {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-radius: 32px;
background: rgba(70, 69, 75, 0.5);
padding: 25px 50px;
margin-top: 40px;
transition: ease-in-out 0.3s all;
}
.sb_homepage_iatros_middle_left {
width: 50%;
}
.sb_homepage_iatros_middle_right {
width: 50%;
text-align: right;
}
.sb_homepage_iatros_middle_right img {
width: fit-content;
filter: grayscale(1);
transition: ease-in-out 0.3s all;
}
section#sb_homepage_iatros:hover .sb_homepage_iatros_middle_right img {
filter: grayscale(0);
transition: ease-in-out 0.3s all;
}
ul.sb_iatros_biografiko_points {
list-style: none;
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 24px;
}
ul.sb_iatros_biografiko_points li {
border: solid 1px #fff;
padding: 12px 32px;
border-radius: 32px;
color: #ffffff;
font-size: 22px;
line-height: 24px;
font-family: Jura;
display: flex;
flex-direction: row;
gap: 64px;
align-items: center;
justify-content: space-between;
}
ul.sb_iatros_biografiko_points li img {
width: 40px;
height: 40px;
transition: ease-in-out 0.3s all;
}
section#sb_homepage_iatros:hover .sb_homepage_iatros_middle {
background: rgb(70 69 75);
transition: ease-in-out 0.3s all;
}
ul.sb_iatros_biografiko_points li:hover img {
transform: scale(1.2);
transition: ease-in-out 0.3s all;
}
.sb_homepage_iatros_top h2:before,
.sb_homepage_ourologia_top h2:before,
.sb_homepage_robotiki_cheirourgiki_top h2:before,
.sb_homepage_nea_top h2:before {
content: "";
background: #ffffffab;
display: block;
width: 0%;
height: 50px;
position: absolute;
transition: ease-in-out 0.5s all;
z-index: -1;
}
section#sb_homepage_iatros:hover .sb_homepage_iatros_top h2:before,
section#sb_homepage_ourologia:hover .sb_homepage_ourologia_top h2:before,
section#sb_homepage_robotiki_cheirourgiki:hover .sb_homepage_robotiki_cheirourgiki_top h2:before,
section#sb_homepage_peristatika:hover .sb_homepage_nea_top h2:before,
section#sb_homepage_nea:hover .sb_homepage_nea_top h2:before {
width: 100%;
transition: ease-in-out 0.5s all;
}
.sb_homepage_ourologia_bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
gap: 60px;
}
.sb_homepage_ourologia_middle {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 26px;
margin: 40px 0;
}
.sb_homepage_ourologia_middle_left {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 26px;
line-height: 32px;
width: 50%;
}
.sb_homepage_ourologia_bottom_one_top {
border-radius: 24px;
overflow: hidden;
position: relative;
background: #fff;
}
.sb_homepage_ourologia_bottom_one_top h3 {
background: rgba(255, 255, 255, 0.8);
padding: 12px;
text-align: center;
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 24px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
height: fit-content;
margin: auto;
width: 100%;
}
.sb_homepage_ourologia_bottom_one_top svg {
position: absolute;
bottom: 10px;
right: 10px;
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_one {
width: 100%;
}
.sb_homepage_ourologia_bottom_one_bottom {
background: hsl(250deg 3.93% 66.55% / 50%);
border-radius: 20px;
padding: 16px 0;
margin-top: 16px;
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_one_bottom a {
font-family: 'Jura', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
color: #46454B;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
text-align: center;
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_one_top img {
filter: grayscale(1);
transition: ease-in-out 0.3s all;
width: 100%;
}
.sb_homepage_ourologia_bottom_one_top:hover img {
filter: grayscale(0);
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_one_bottom svg {
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_one_bottom:hover {
background: #fff;
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_one_bottom:hover svg {
transform: rotate(90deg);
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_one_top:hover svg {
transform: rotate(90deg);
transition: ease-in-out 0.3s all;
} .sb_homepage_ourologia_bottom_three_top {
border-radius: 24px;
overflow: hidden;
position: relative;
background: #fff;
}
.sb_homepage_ourologia_bottom_three_top h3 {
background: rgba(255, 255, 255, 0.8);
padding: 12px;
text-align: center;
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 24px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
height: fit-content;
margin: auto;
width: 100%;
}
.sb_homepage_ourologia_bottom_three_top svg {
position: absolute;
bottom: 10px;
right: 10px;
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_three {
width: 100%;
}
.sb_homepage_ourologia_bottom_three_bottom {
background: hsl(250deg 3.93% 66.55% / 50%);
border-radius: 20px;
padding: 16px 0;
margin-top: 16px;
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_three_bottom a {
font-family: 'Jura', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
color: #46454B;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_three_top img {
filter: grayscale(1);
transition: ease-in-out 0.3s all;
width: 100%;
}
.sb_homepage_ourologia_bottom_three_top:hover img {
filter: grayscale(0);
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_three_bottom svg {
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_three_bottom:hover {
background: #fff;
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_three_bottom:hover svg {
transform: rotate(90deg);
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_three_top:hover svg {
transform: rotate(90deg);
transition: ease-in-out 0.3s all;
} .sb_homepage_ourologia_bottom_two_top,
.sb_homepage_ourologia_bottom_four_top {
background: hsl(250deg 3.93% 66.55% / 50%);
border-radius: 20px;
padding: 16px 0;
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_two_top a,
.sb_homepage_ourologia_bottom_four_top a {
font-family: 'Jura', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
color: #46454B;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
text-align: center;
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_two_top svg,
.sb_homepage_ourologia_bottom_four_top svg {
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_two_top:hover,
.sb_homepage_ourologia_bottom_four_top:hover {
background: #fff;
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_two_top:hover svg,
.sb_homepage_ourologia_bottom_four_top:hover svg {
transform: rotate(90deg);
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_two,
.sb_homepage_ourologia_bottom_four {
width: 100%;
}
.sb_homepage_ourologia_bottom_two_bottom,
.sb_homepage_ourologia_bottom_four_bottom {
border-radius: 24px;
overflow: hidden;
position: relative;
background: #fff;
margin-top: 16px;
}
.sb_homepage_ourologia_bottom_two_bottom h3,
.sb_homepage_ourologia_bottom_four_bottom h3 {
background: rgba(255, 255, 255, 0.8);
padding: 12px;
text-align: center;
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 24px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
height: fit-content;
margin: auto;
width: 100%;
}
.sb_homepage_ourologia_bottom_two_bottom svg,
.sb_homepage_ourologia_bottom_four_bottom svg {
position: absolute;
bottom: 10px;
right: 10px;
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_two_bottom img,
.sb_homepage_ourologia_bottom_four_bottom img {
filter: grayscale(1);
transition: ease-in-out 0.3s all;
width: 100%;
}
.sb_homepage_ourologia_bottom_two_bottom:hover img,
.sb_homepage_ourologia_bottom_four_bottom:hover img {
filter: grayscale(0);
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_bottom_two_bottom:hover svg,
.sb_homepage_ourologia_bottom_four_bottom:hover svg {
transform: rotate(90deg);
transition: ease-in-out 0.3s all;
}
.sb_homepage_ourologia_middle_right {
width: 50%;
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 24px;
letter-spacing: 0.2px;
}
@media screen and (max-width: 1350px) {
.sb_homepage_ourologia_bottom {
gap: 20px;
}
}
@media screen and (max-width: 1250px) {
.sb_homepage_iatros_middle_left {
width: 65%;
}
.sb_homepage_iatros_middle_right {
width: 35%;
text-align: right;
}
}
@media screen and (max-width: 992px) {
.sb_homepage_ourologia_bottom {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.sb_homepage_ourologia_middle {
flex-direction: column;
align-items: flex-start;
margin: 20px 0;
}
.sb_homepage_ourologia_middle_left {
font-size: 22px;
line-height: 27px;
width: 100%;
}
.sb_homepage_ourologia_middle_right {
width: 100%;
font-size: 18px;
}
.sb_homepage_ourologia_bottom_two,
.sb_homepage_ourologia_bottom_four {
display: flex;
flex-direction: column-reverse;
gap: 16px;
}
.sb_homepage_iatros_middle {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 12px;
}
.sb_homepage_iatros_middle_left {
width: 100%;
}
.sb_homepage_iatros_middle_right {
width: 100%;
text-align: center;
}
.sb_homepage_iatros_middle_right img {
filter: grayscale(0);
}
section#sb_homepage_iatros .sb_homepage_iatros_middle {
background: rgb(70 69 75);
}
.sb_iatros_description {
font-size: 24px;
line-height: 27px;
}
ul.sb_iatros_biografiko_points li {
padding: 12px 24px;
font-size: 20px;
gap: 24px;
}
.sb_homepage_ourologia_bottom_two_bottom, .sb_homepage_ourologia_bottom_four_bottom {
margin-top: 0;
}
}
section#sb_homepage_nanoknife .sb_container {
display: flex;
flex-direction: column;
gap: 30px;
}
.sb_nanoknife_title {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.sb_nanoknife_title h2 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 45px;
text-align: center;
}
.sb_homepage_nanoknife_center {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.sb_homepage_nanoknife_center_left,
.sb_homepage_nanoknife_center_right {
width: 50%;
}
.sb_homepage_nanoknife_center_right img {
width: 100%;
filter: grayscale(1);
transition: ease-in-out 0.3s all;
}
section#sb_homepage_nanoknife:hover .sb_homepage_nanoknife_center_right img {
filter: grayscale(0);
transition: ease-in-out 0.3s all;
}
.sb_nanoknife_text {
color: #46454B;
font-family: 'Jura';
font-size: 32px;
line-height: 38px;
text-align: left;
font-weight: 600;
margin-top: 30px;
}
.sb_homepage_nanoknife_bottom {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.sb_homepage_nanoknife_bottom h3 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 24px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.sb_homepage_robotiki_cheirourgiki_top .sb_nea_title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px;
}
.sb_homepage_robotiki_cheirourgiki_top .sb_robotiki_description {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 24px;
letter-spacing: 0.2px;
text-align: center;
max-width: 90%;
margin: 40px auto;
}
.sb_homepage_robotiki_cheirourgiki_quote {
font-family: 'Jura';
font-size: 32px;
line-height: 38px;
text-align: center;
max-width: 75%;
margin: auto;
color: #1f1f1f;
}
.sb_homepage_robotiki_cheirourgiki_bottom {
background: hsl(250deg 4% 28% / 50%);
border-radius: 24px;
padding: 58.31px 52.322px 57.69px 52.322px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
margin-top: 40px;
}
.sb_homepage_robotiki_cheirourgiki_bottom_left {
width: 35%;
}
.sb_homepage_robotiki_cheirourgiki_bottom_center {
width: 25%;
text-align: center;
}
.sb_homepage_robotiki_cheirourgiki_bottom_right {
width: 40%;
}
.sb_robotiki_text,
.sb_robotiki_text a {
color: #fff;
font-family: 'Jura';
font-size: 20px;
line-height: 24px;
text-align: left;
font-weight: 400;
}
.sb_homepage_robotiki_cheirourgiki_middle {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
a.sb_robotiki_page_link {
font-family: 'Jura';
font-size: 26px;
line-height: 32px;
color: #46454B;
text-align: left;
text-decoration: none;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 32px;
border: solid 1px #0E121B;
border-radius: 32px;
padding: 12px 32px;
background: transparent;
transition: ease-in-out 0.3s all;
}
a.sb_robotiki_page_link:hover {
background: #FFF;
transition: ease-in-out 0.3s all;
}
a.sb_robotiki_page_link svg {
transition: ease-in-out 0.3s all;
}
a.sb_robotiki_page_link:hover svg {
transform: rotate(45deg);
transition: ease-in-out 0.3s all;
}
.sb_homepage_robotiki_cheirourgiki_middle_right {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 50%;
gap: 16px;
}
.sb_homepage_robotiki_cheirourgiki_middle_left {
width: 50%;
}
.sb_homepage_robotiki_cheirourgiki_middle_left img {
width: 100%;
}
.sb_homepage_robotiki_cheirourgiki_middle_right {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.sb_robotiki_video iframe {
width: 100%;
height: 360px;
}
.sb_kyp_title {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
}
.sb_kyp_title h2 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 45px;
text-align: center;
}
p.sb_kyp_sub_title {
color: #46454B;
font-family: 'Jura';
font-size: 24px;
line-height: 24px;
text-align: center;
font-weight: 600;
margin-top: 30px;
}
.sb_homepage_kyp_bottom {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.sb_homepage_kyp_bottom h3 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 24px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 24px;
}
section#sb_homepage_kyp .sb_container {
display: flex;
flex-direction: column;
gap: 30px;
}
.sb_homepage_kyp_center {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 32px;
}
a.sb_kyp_page_item {
width: 100%;
text-decoration: none;
}
.sb_kyp_page_title_container {
background: #46454B;
padding: 16px;
border-radius: 16px;
margin-top: 8px;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.sb_kyp_page_title_container_left h3 {
font-family: 'Jura';
color: #fff;
text-decoration: none;
font-size: 24px;
line-height: 32px;
}
.sb_kyp_page_title_container_left p {
font-family: 'Jura';
color: #fff;
text-decoration: none;
font-size: 20px;
line-height: 24px;
margin-top: 16px;
}
.sb_kyp_page_image {
width: 100%;
}
.sb_kyp_page_image img {
width: 100%;
filter: grayscale(1);
transition: ease-in-out 0.3s all;
}
a.sb_kyp_page_item:hover .sb_kyp_page_image img {
filter: grayscale(0);
transition: ease-in-out 0.3s all;
}
.sb_kyp_arrow circle {
transition: fill 0.3s ease-in-out;
}
.sb_kyp_arrow path {
transition: stroke 0.3s ease-in-out, transform 0.3s ease-in-out;
transform-box: view-box;
transform-origin: center;
}
a.sb_kyp_page_item:hover .sb_kyp_arrow circle {
fill: #fff;
}
a.sb_kyp_page_item:hover .sb_kyp_arrow path {
stroke: #0B2241;
transform: rotate(90deg);
}
section#sb_homepage_prolipsi .sb_homepage_prolipsi_bottom .sb_small_paragraph {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 24px;
letter-spacing: 0.2px;
text-align: center;
max-width: 90%;
margin: auto auto 40px;
}
a.sb_homepage_button {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
color: rgb(70, 69, 75);
text-align: center;
font-family: Jura, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
width: fit-content;
padding: 6px 12px;
gap: 10px;
border-radius: 20px;
background: #D6E1E4;
text-decoration: none;
transition: 0.3s ease-in-out;
margin: 40px auto 0;
}
a.sb_homepage_button:hover {
background: rgb(255, 255, 255);
transition: ease-in-out 0.3s all;
}
section#sb_homepage_reviews .sb_nea_title,
section#sb_homepage_prolipsi .sb_nea_title{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 16px;
margin-bottom: 40px;
}
.sb_homepage_peristatika_bottom {
background: hsl(250deg 4% 28% / 50%);
border-radius: 24px;
padding: 58.31px 52.322px 57.69px 52.322px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
margin-top: 40px;
}
.sb_homepage_peristatika_bottom_left {
width: 35%;
}
.sb_homepage_peristatika_bottom_center {
width: 25%;
text-align: center;
}
.sb_homepage_peristatika_bottom_right {
width: 40%;
}
.sb_homepage_peristatika_bottom_right img {
width: 100%;
}
.sb_homepage_peristatika_bottom_left h3 {
color: #fff;
font-family: 'Jura';
font-size: 26px;
line-height: 32px;
text-align: left;
font-weight: 600;
margin-bottom: 32px;
}
.sb_peristatika_description {
color: #fff;
font-family: 'Jura';
font-size: 20px;
line-height: 24px;
text-align: left;
font-weight: 400;
}
@media screen and (max-width: 1300px) {
.sb_homepage_peristatika_bottom_center {
display: none;
}
.sb_homepage_peristatika_bottom_left,
.sb_homepage_peristatika_bottom_right {
width: 50%;
}
.sb_nanoknife_text {
font-size: 26px;
line-height: 32px;
}
}
@media screen and (max-width: 992px) {
.sb_homepage_peristatika_bottom {
padding: 24px;
align-items: flex-start;
gap: 16px;
margin-top: 20px;
flex-direction: column;
}
.sb_homepage_peristatika_bottom_left,
.sb_homepage_peristatika_bottom_right {
width: 100%;
}
.sb_homepage_peristatika_bottom_center {
display: block;
width: 100%;
}
.sb_homepage_peristatika_bottom_left h3 {
font-size: 22px;
line-height: 27px;
margin-bottom: 20px;
}
.sb_peristatika_description {
font-size: 18px;
}
}
.sb_nea_title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 16px;
}
.sb_nea_title h2 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 45px;
position: relative;
z-index: 2;
}
.sb_homepage_nea_top {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
} .sb_homepage_nea_bottom {
margin-top: 40px;
}
.sb_nea_slider {
width: 100%;
overflow: hidden;
}
.sb_nea_slider .sb_blog_card {
display: flex;
flex-direction: column;
height: 100%;
} .sb_nea_slider_nav {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
margin-top: 32px;
}
.sb_nea_prev,
.sb_nea_next {
background: none;
border: none;
padding: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s;
}
.sb_nea_prev:hover,
.sb_nea_next:hover {
opacity: 0.7;
}
.sb_nea_prev.swiper-button-disabled,
.sb_nea_next.swiper-button-disabled {
opacity: 0.3;
cursor: default;
}
@media screen and (max-width: 1200px) {
a.sb_robotiki_page_link {
font-size: 22px;
line-height: 27px;
padding: 12px 18px;
}
}
@media screen and (max-width: 992px) {
.sb_nea_title h2,
.sb_kyp_title h2,
.sb_nanoknife_title h2 {
font-size: 32px;
line-height: 37px;
}
.sb_nanoknife_text {
font-size: 22px;
line-height: 27px;
}
.sb_kyp_title {
gap: 10px;
}
.sb_homepage_kyp_center {
flex-direction: column;
gap: 20px;
}
.sb_kyp_page_title_container_left h3 {
font-size: 20px;
line-height: 24px;
}
.sb_kyp_page_title_container_left p {
font-size: 18px;
}
.sb_homepage_robotiki_cheirourgiki_bottom {
padding: 24px;
align-items: flex-start;
gap: 16px;
margin-top: 20px;
flex-direction: column;
}
.sb_homepage_robotiki_cheirourgiki_bottom_left {
width: 100%;
}
.sb_homepage_robotiki_cheirourgiki_bottom_left ul {
padding-left: 25px;
}
.sb_homepage_robotiki_cheirourgiki_bottom_center {
text-align: center;
width: 100%;
}
.sb_homepage_robotiki_cheirourgiki_bottom_right {
width: 100%;
}
.sb_homepage_robotiki_cheirourgiki_quote {
font-size: 24px;
line-height: 32px;
max-width: 95%;
}
.sb_homepage_robotiki_cheirourgiki_middle {
flex-direction: column;
margin-bottom: 20px;
}
.sb_homepage_robotiki_cheirourgiki_middle_left,
.sb_homepage_robotiki_cheirourgiki_middle_right {
width: 100%;
}
a.sb_robotiki_page_link {
font-size: 20px;
line-height: 24px;
}
.sb_homepage_nanoknife_center {
flex-direction: column;
gap: 20px;
}
.sb_homepage_nanoknife_center_left, .sb_homepage_nanoknife_center_right {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.sb_homepage_nea_top {
flex-direction: column;
align-items: flex-start;
gap: 22px;
}
.sb_homepage_kyp_bottom,
.sb_homepage_nanoknife_bottom {
flex-direction: column;
gap: 20px;
}
}section#sb_blog {
background: #D6E1E4;
}
.sb_blog_top h1 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 45px;
width: 55%;
}
.sb_blog_top {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 50px;
gap: 16px;
}
.sb_blog_content .sb_blog_content_left h2 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 32px;
margin-top: 24px;
margin-bottom: 24px;
}
.sb_blog_content .sb_blog_content_left h3 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 27px;
margin-top: 24px;
margin-bottom: 10px;
}
.sb_blog_content .sb_blog_content_left p,
.sb_blog_content .sb_blog_content_left a {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.sb_blog_content .sb_blog_content_left p {
margin-bottom: 16px;
}
.sb_blog_content_left ul,
.sb_blog_content_left ol {
display: flex;
padding: 12px 0 12px 25px;
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.sb_blog_content {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
}
.sb_blog_content .sb_blog_content_left {
width: 70%;
}
.sb_blog_content .sb_blog_content_right {
width: 30%;
}
.sb_blog_content_right h2 {
border-bottom: solid 1px #0B2241;
padding-bottom: 10px;
color: #0B2241;
font-family: 'Jura', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
.sb_related_posts {
margin-top: 32px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.sb_related_post_img {
width: 150px;
height: 100px;
overflow: hidden;
border-radius: 10px;
}
.sb_related_post_img img {
width: 100%;
object-fit: cover;
object-position: left center;
}
a.sb_related_post_item {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
gap: 14px;
color: #0B2241;
font-family: 'Jura', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 20px;
text-decoration: none;
}
a.sb_related_post_item h3 {
font-weight: 600;
margin-top: 8px;
}
.sb_article_excerpt {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 24px;
width: 45%;
}
body.single-post table,
body.single-post tr {
border: solid 1px #000;
}
body.single-post iframe {
width: 100%;
max-width: 640px;
height: 450px;
}
@media screen and (max-width: 992px) {
.sb_blog_top {
flex-direction: column;
align-items: flex-start;
}
.sb_blog_top h1 {
font-size: 32px;
line-height: 37px;
width: 100%;
}
.sb_article_excerpt {
font-size: 18px;
width: 100%;
}
.sb_blog_content {
flex-direction: column;
gap: 20px;
}
.sb_blog_content .sb_blog_content_left {
width: 100%;
}
.sb_blog_content .sb_blog_content_right {
width: 100%;
}
.sb_blog_content_right h2,
.sb_blog_content .sb_blog_content_left h2 {
font-size: 22px;
line-height: 27px;
}
.sb_blog_content .sb_blog_content_left p, .sb_blog_content .sb_blog_content_left a,
.sb_blog_content_left ul, .sb_blog_content_left ol {
font-size: 18px;
line-height: 22px;
}
section.sb_breadcrumb {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
a.sb_related_post_item {
flex-direction: column;
width: 100%;
}
.sb_related_post_item_left {
width: 100%;
}
.sb_related_post_img {
width: 100%;
height: auto;
}
} .sb_blog_header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 16px;
margin-bottom: 40px;
}
.sb_blog_header h1 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 45px;
}
.sb_blog_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 64px;
}
a.sb_blog_card {
position: relative;
}
.sb_blog_card_image {
width: 100%;
position: relative;
border-radius: 24px;
overflow: hidden;
}
.sb_blog_card_image img {
width: 100%;
height: 100%;
min-height: 450px;
max-height: 450px;
object-fit: cover;
}
h2.sb_blog_card_title {
position: absolute;
top: 0;
bottom: 0;
z-index: 10;
left: 0;
right: 0;
width: 100%;
margin: auto;
height: min-content;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.80);
backdrop-filter: blur(2.5px);
padding: 12px;
color: #0B2241;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
svg.sb_blog_card_arrow {
position: absolute;
bottom: 10px;
right: 10px;
}
svg.sb_blog_card_arrow circle {
transition: ease-in-out all 0.3s;
}
svg.sb_blog_card_arrow .sb_arrow_path {
transition: ease-in-out transform 0.3s;
transform-origin: center;
}
a.sb_blog_card:hover svg.sb_blog_card_arrow circle {
fill: #608C98;
}
a.sb_blog_card:hover svg.sb_blog_card_arrow .sb_arrow_path {
transform: rotate(90deg);
}
.sb_blog_load_more_wrap {
display: flex;
justify-content: flex-end;
margin-top: 60px;
}
#sb_load_more {
display: flex;
padding: 6px 12px;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 20px;
background: #FFF;
color: #46454B;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
border: none;
cursor: pointer;
width: fit-content;
transition: ease-in-out 0.3s all;
}
#sb_load_more:hover {
background: #D6E1E4;
transition: ease-in-out 0.3s all;
}
#sb_load_more:disabled {
opacity: 0.6;
cursor: wait;
}
@media screen and (max-width: 1600px) {
body.page-template-template-blog .sb_row {
padding: 50px 48px;
}
body.page-template-template-blog section.sb_breadcrumb {
padding: 12px 48px;
}
}
@media screen and (max-width: 1350px) {
h2.sb_blog_card_title {
font-size: 20px;
line-height: 24px;
}
.sb_blog_grid {
gap: 32px;
}
}
@media screen and (max-width: 1250px) {
.sb_blog_grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 1100px) {
.sb_blog_grid {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 992px) {
.sb_blog_header h1 {
font-size: 32px;
line-height: 37px;
}
body.page-template-template-blog .sb_row {
padding: 24px;
}
body.page-template-template-blog section.sb_breadcrumb {
padding: 24px;
}
}
@media screen and (max-width: 768px) {
.sb_blog_grid {
grid-template-columns: 1fr;
}
.sb_blog_card_image img {
width: 100%;
height: 100%;
min-height: 350px;
max-height: 350px;
object-fit: cover;
}
}section#sb_prolipsi,
#sb_second_opinion {
background: #D6E1E4;
}
.sb_prolipsi_top {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 16px;
}
section#sb_prolipsi h1 {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 45px;
}
.sb_small_paragraph {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 24px;
letter-spacing: 0.2px;
margin-top: 27px;
margin-bottom: 40px;
}
.sb_small_paragraph strong {
font-weight: bold;
}
.sb_faq_question {
list-style: none;
justify-content: space-between;
cursor: pointer;
flex-direction: row;
display: flex;
height: 96px;
padding: 0 12px;
align-items: center;
gap: 24px;
align-self: stretch;
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
details.sb_faq_item {
border-radius: 20px;
border: 1px solid #0E121B;
height: fit-content;
padding: 8px 0;
}
.sb_faq_question::-webkit-details-marker {
display: none;
}
.sb_faq_question::marker {
display: none;
content: "";
}
.sb_faq_item[open]:not(.sb_closing) .sb_faq_icon {
transform: rotate(45deg);
}
.sb_faq_icon {
flex-shrink: 0;
transition: transform 0.3s ease;
}
.sb_faq_answer {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.35s ease, padding 0.35s ease;
padding: 0 80px 0 12px;
overflow: hidden;
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 24px;
letter-spacing: 0.2px;
}
.sb_faq_answer > * {
overflow: hidden;
min-height: 0;
}
.sb_faq_item[open]:not(.sb_closing) .sb_faq_answer {
grid-template-rows: 1fr;
padding: 0 80px 24px 12px;
}
.sb_prolipsi_center {
gap: 32px;
display: grid;
flex-wrap: wrap;
grid-template-columns: 1fr 1fr;
}
.sb_second_opinion_paragraph {
color: #46454B;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 32px;
margin-bottom: 40px;
}
.sb_second_opinion_title {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
width: 100%;
border-radius: 20px;
background: #b4c4c9;
padding: 32px 16px;
margin-bottom: 70px;
color: #46454B;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 32px;
}
.sb_second_opinion_container {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: row;
padding: 0 100px;
gap: 60px;
}
.sb_second_opinion_left {
width: 33.3%;
}
.sb_second_opinion_right {
width: 66.6%;
display: flex;
padding: 32px;
justify-content: center;
align-items: flex-start;
gap: 24px;
border-radius: 30px;
background: #FFF;
flex-direction: column;
}
.sb_second_opinion_image {
text-align: center;
}
.sb_second_opinion_image img {
border-radius: 27.022px;
overflow: hidden;
}
p.sb_form_Title {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px;
margin-bottom: 24px;
}
#sb_second_opinion .sb_two_columns input[type="text"], #sb_second_opinion .sb_two_columns input[type="email"] {
padding: 16px 20px;
align-items: center;
border-radius: 51px;
color: #46454B;
text-align: left;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
border: 1px solid #46454B;
width: 100%;
background: transparent;
}
#sb_second_opinion .sb_two_columns input[type="text"]::placeholder, #sb_second_opinion .sb_two_columns input[type="email"]::placeholder, #sb_second_opinion textarea::placeholder {
color: #46454B
}
#sb_second_opinion textarea {
border-radius: 51px;
border: 1px solid #46454B;
color: #46454B;
text-align: center;
font-family: 'Jura', sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
width: 100%;
background: transparent;
padding-top: 16px;
}
#sb_second_opinion span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label {
color: #46454B;
font-family: 'Jura', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
#sb_second_opinion div#wpcf7-f135-o1 {
width: 100%;
}
.wpcf7-form-control-wrap {
position: relative;
width: 100%;
}
#sb_second_opinion button.wpcf7-form-control.wpcf7-submit.has-spinner {
display: flex;
padding: 6px 6px 6px 12px;
align-items: center;
gap: 24px;
border-radius: 20px;
font-family: 'Jura', sans-serif;
background: #D6E1E4;
margin-left: auto;
margin-right: auto;
color: #46454B;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px; }
.wpcf7-not-valid-tip {
font-family: 'Jura', sans-serif;
color: #46454B;
text-align: center;
margin-top: 8px;
}
@media screen and (max-width: 1850px) {
section#sb_prolipsi {
padding: 50px 100px;
}
section.sb_breadcrumb {
padding: 12px 100px;
}
}
@media screen and (max-width: 1630px) {
.sb_faq_question {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (max-width: 1440px) {
.sb_second_opinion_container {
padding: 0;
}
}
@media screen and (max-width: 1355px) {
.sb_faq_question {
min-height: 116px;
}
}
@media screen and (max-width: 1120px) {
section#sb_prolipsi {
padding: 50px 48px;
}
section.sb_breadcrumb {
padding: 12px 48px;
}
.sb_prolipsi_center {
gap: 16px;
}
.sb_faq_question {
font-size: 18px;
line-height: 27px;
}
}
@media screen and (max-width: 992px) {
section#sb_prolipsi {
padding: 24px;
}
section.sb_breadcrumb {
padding: 0 24px;
}
.sb_prolipsi_center {
grid-template-columns: 1fr;
}
.sb_faq_question {
min-height: auto;
}
section#sb_prolipsi h1 {
font-size: 32px;
line-height: 42px;
}
.sb_small_paragraph {
font-size: 18px;
line-height: 24px;
}
.sb_second_opinion_paragraph {
font-size: 20px;
line-height: 27px;
}
.sb_second_opinion_container {
flex-direction: column-reverse;
gap: 20px;
}
.sb_second_opinion_left {
width: 100%;
}
.sb_second_opinion_right {
width: 100%;
padding: 16px;
}
p.sb_form_Title {
font-size: 24px;
line-height: 32px;
margin-bottom: 0px;
}
}
@media screen and (max-width: 600px) {
.sb_faq_question {
height: auto;
}
}