.sidebar-toc {
padding: 0;
list-style: none;
margin: 0;
}
.sidebar-toc li {
background: #EBF8F9;
margin-bottom: 1px;
}
.sidebar-toc li  a {
margin: 0;
padding: 20px 30px;
cursor: pointer;
font-size: 18px;
display: flex;
justify-content: space-between;
font-weight: 700;
color:#293030;
cursor: pointer;
position: relative;
}
.sidebar-toc li >  a:after {
position: absolute;
right: 30px;
content:"";
top: 0;
bottom:0;
background:url(//www.kvalident.cz/wp-content/uploads/2025/11/toc-arrow.svg);
width: 24px;
height: 24px;
margin: auto;
background-repeat:no-repeat;
background-size:contain;
transition: linear 0.2s all;
transform: rotate(0deg);
}
.sidebar-toc .sub-menu a:after {
display: none;
}
.sidebar-toc li.active {
background: #00A6B1;
}
.sidebar-toc li.active > a {
color: white;
}
.sidebar-toc li.active .sub-menu a {
color:#293030;
}
.sidebar-toc li.active > a:after {
transform: rotate(180deg);
transition: linear 0.2s all;
}
.sidebar-toc .sub-menu {
display: none;
margin: 0;
padding: 20px 46px;
background: #F9FEFF;
list-style: circle;
}
.sidebar-toc .sub-menu li{
background:#F9FEFF;
}
.sidebar-toc li .sub-menu a {
padding: 10px;
font-weight: 500;
font-size: 16px;
}
.sidebar-toc {
margin-bottom: 70px;
}
.sidebar-toc li .sub-menu li::marker {
color:#C4D9DD;
}
.services-content__wrap {
margin-bottom: 30px;
}
.service-input-height {
height: 60px;
}
.service-input.service-input-bcg.service-input-height {
height: 60px;
}
.service-input.service-input-bcg.service-input-height p {
margin: 0 !important;
height: 60px;
}
.references {
margin-bottom: 60px;
margin-top: 60px;
}
.references .rating span {
font-size: 16px;
}
.reference-grid .box:first-child .letter {
color: #817C4B;
background: #F3EDB4;
}
.references .box p button {
color: #00A6B1;
text-decoration: underline;
border: none;
background: no-repeat;
padding: 0;
}
.references .title {
margin: 0;
font-size: 30px;
line-height: 36px;
color:#293030;
margin-bottom: 20px;
font-family: 'Oswald';
}
.references .description {
color:#293030;
font-size: 20px;
margin: 0;
line-height: 32px;
}
.reference-grid .box .letter {
width: 66px;
height: 66px;
border-radius: 50%;
background: #BCEBEF;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 30px;
color: #439197;
}
.references .box h4 {
margin-top: 10px;
color: #293030;
font-size: 20px;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
margin-bottom: 20px;
line-height: 28px;
}
.references .box p {
color: #293030;
}
.references-inner {
display: flex;
align-items: end;
justify-content: space-between;
}
.references .rating {
flex-direction: column;
align-items: end;
margin: 0;
}
.references .rating.rating-black div {
display: flex;
gap: 10px;
font-size: 18px;
}
.rating.rating-black div img {
object-fit: contain;
}
.reference-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-top: 30px;
margin-bottom: 40px;
}
.reference-grid .box{
padding: 50px;
border-radius:10px;
background:#EBF8F9;
}
.service-left {
width: 65%;
}
.progress-js.loading{
opacity: 0;        
}
.gallery-js.loading{
opacity: 0;        
}
.container-fluid {
max-width: 1464px;
}
.cta-group {
display: flex;
gap: 20px;
align-items:center;
margin-top: 30px;
}
.primary-button {
color:white;
border-radius:50px;
padding: 18px 25px;
display: inline-flex;
align-items: center;
gap: 10px;
justify-content: center;
border:2px solid white;
font-size: 18px;
font-weight: 600;
text-align: center;
}
.secondary-button {
background:#9ebe16;
font-size: 18px;
border-radius:50px;
color:white;
padding: 18px 25px;
display: inline-flex;
align-items: center;
gap: 10px;
justify-content: center;
font-weight: 600;
text-align: center;
}
.terciary-button {
border-radius: 50px;
padding: 18px 25px;
text-align: center;
font-size: 18px;
border:2px solid #293030;
color:#293030;
font-weight: 600;
background:transparent;
text-align: center;
}
.contact-banner {
background: linear-gradient(45deg, #00A6B1, #34B3BB);
display: flex;
border-radius: 10px;
padding-top: 20px;
padding-left: 50px;
align-items:center;
padding-right: 0px;
}
.rating {
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
color:white;
}
.rating span {
font-size: 12px;
text-decoration: underline;
font-weight: 400;
}
.rating .logo {
max-width: 68px;
}
.rating-black {
color:#293030;
}
.content-box .title {
color: white;
font-size: 30px;
margin-top: 0;
margin-bottom: 20px;
font-family: 'Oswald';
line-height: 36px;
}
.content-box .description {
color: white;
font-size: 20px;
margin: 0;
font-weight: 100;
}
.description-secondary {
margin-top: 20px;
color: #293030;
font-weight: normal;
font-size: 16px;
}
.benefits {
margin-top: 60px;
}
.benefits .title{
color:#293030;
font-size: 30px;
line-height: 36px;
font-family: 'Oswald';
margin: 0;
}
.benefits-item__wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 30px;
margin-top: 20px;
margin-bottom: 50px;
}
.benefits-item {
background:#EBF8F9;
border-radius:10px;
padding: 30px 14px;
text-align: center;
}
.benefits-item p {
margin: 0;
line-height: 26px;
}
.benefits-item h4 {
margin-top: 20px;
margin-bottom: 10px;
}
.slick-arrow {
border: none;
background: #93B30E;
padding: 16px;
font-size: 0;
position: absolute;
height: 60px;
width: 45px;
z-index: 2;
}
.slick-arrow:after {
background:url(//www.kvalident.cz/wp-content/themes/kvalident/assets/img/white-arrow.svg);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
content:"";
background-repeat: no-repeat;
background-position: center;
}
.slick-prev.slick-arrow:after {
transform: rotate(180deg);
}
button.slick-arrow.slick-disabled {
background: #C4D9DD;
}
.slick-prev.slick-arrow {
left: 0;
top: 0;
bottom: 0;
margin: auto;
border-radius: 0px 10px 10px 0px;
}
.slick-next.slick-arrow {
right: 0;
top: 0;
bottom: 0;
margin: auto;
border-radius: 10px 0 0px 10px;
}
.progress {
margin-top: 80px;
margin-bottom: 60px;
}
.progress-slider {
border-radius: 10px;
background: #EBF8F9;
}
.progress-js {
padding: 0 30px;
}
.progress .title {
font-size: 30px;
margin-top: 0;
margin-bottom: 30px;
font-family: 'Oswald';
color:#293030;
}
.progress-item h4 {
margin-top: 20px;
font-size: 20px;
color: #293030;
margin-bottom: 8px;
}
.progress-item span {
color: #00A6B1;
font-size: 13px;
}
.progress-item p {
margin-bottom: 30px;
}
.progress-item {
padding: 50px 25px;
}
.page__header-new {
text-align: center;
padding-top: 30px;
}
.service-detail-new {
position: relative;
z-index: 1;
margin-bottom: 100px;
}
.service-detail-new:after {
position: absolute;
left: 0;
top: 0;
height: 580px;
width: 100%;
z-index: -1;
background:#EBF8F9;
content:"";
}
.service-detail-new .breadcrumb>span:first-child {
background: none;
padding: 0;
}
.service-detail-new .breadcrumb a {
font-weight: 600;
color:#293030;
}
.service-detail-new .breadcrumb .breadcrumb_last {
color: #293030;
font-weight: 400;
}
.service-detail-new .title-box__title {
color: #293030;
}
.service-detail-new .title-box__subtitle:before {
width: 55px;
height: 5px;
left: 0;
right: 0;
margin: auto;
}
.service-image {
height: 460px;
object-fit: cover;
border-radius:10px;
width: 100%;
}
.service-detail-new .title-box__subtitle {
color: #00A6B1;
font-weight: normal;
padding-top: 20px;
margin-bottom: 20px;
}
.service-inner {
display: flex;
gap: 120px;
margin-top: 60px;
}
.service-right {
min-width: 366px;
max-width: 366px;
}
.banner-order {
text-align: center;
background: #EBF8F9;
border-radius: 10px;
padding: 120px 32px 48px 32px;
margin-bottom: 26px;
position: relative;
}
.banner-order h5 {
color: #293030;
font-size: 30px;
margin-bottom: 10px;
font-family: 'Oswald';
line-height: 36px;
}
.banner-order .description {
color: #293030;
font-weight: 300;
font-size: 20px;
line-height: 32px;
}
.banner-order-img {
max-width: 146px;
margin: auto;
position: absolute;
top: -40px;
left: 0;
right: 0;
}
.banner-order .icon {
margin: 30px;
}
.banner-public {
background: #EBF8F9;
border-radius: 10px;
padding: 40px;
text-align: center;
}
.banner-public .title {
font-size: 30px;
margin-bottom: 10px;
color:#293030;
margin-top: 10px;
line-height: 36px;
font-family: 'Oswald';
}
.banner-public .description {
color: #293030;
font-size: 20px;
margin-bottom: 40px;
font-weight: 300;
} .service-faq {
margin-top: 60px;
margin-bottom: 60px;
}
.service-faq .title {
font-family: 'Oswald';
font-size: 30px;
line-height: 36px;
color:#293030;
margin-bottom: 20px; 
margin-top: 0;
}
.service-faq .description {
font-size: 20px;
line-height: 32px;
color:#293030;
margin-bottom: 30px; 
}
.faq-item {
border: 1px solid #C4D9DD;
border-radius: 10px;
padding: 24px 20px;
margin-bottom: 10px;
}
.faq-item h4 {
color: #293030;
font-size: 18px;
line-height: 28px;
margin: 0;
position: relative;
cursor: pointer;
padding-right: 50px;
}
.faq-item h4 span {
background: #EBF8F9;
width: 36px;
height: 36px;
position: absolute;
right: 0;
bottom: 0;
top: 0;
border-radius:50%;
margin: auto;
transition: linear 0.2s all;
}
.faq-item h4 span:after {
position: absolute;
left: 0;
width: 10px;
background: #293030;
height: 2px;
content: "";
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.faq-item h4 span:before {
position: absolute;
left: 0;
width: 2px;
background: #293030;
height: 10px;
content: "";
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.faq-item .active span {
background: #00A6B1;
transition: linear 0.2s all;
}
.faq-item h4.active span:after {
background:white;
transition: linear 0.2s all;
}
.faq-item h4.active span:before {
display: none;
transition: linear 0.2s all;
}
.faq-item.opened {
background: #EBF8F9;
border-color: #EBF8F9;
}
.faq-item p {
color: #293030;
line-height: 32px;
display: none;
margin-bottom: 0;
margin-top: 20px;
}
.services-content h2,
.services-content h3, 
.services-content h4,
.services-content h5,
.services-content h6{
font-family: 'Oswald';
color:#293030;
margin-bottom: 20px;
margin-top: 0;
}
.services-content p {
font-size: 20px;
}
.services-content {
margin-bottom: 20px;
}
.services-content li {
line-height: 2;
font-size: 20px;
}
.services-content.active {
overflow: hidden;
height: 650px;
position: relative;
}
.services-content.active:after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
CONTENT: "";
height: 140px;
background: linear-gradient(0deg, #ffffff, transparent);
}
.services-items {
margin-bottom: 60px;
}
.services-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
.services-item {
border-radius:10px;
border:1px solid #C4D9DD;
text-align: center;
padding: 30px 12px;
transition: linear 0.2s all;
}
.services-item:hover {
background: #EBF8F9;
transition: linear 0.2s all;
border-color:#EBF8F9;
}
.services-item h3 {
color: #293030;
margin-top: 20px;
font-size: 18px;
margin-bottom: 10px;
}
.services-item a {
color: #293030;
text-decoration: underline;
font-size: 12px;
}
.video-section {
margin: 60px 0;
}
.video-section .title{
color: #293030;
margin-top: 0px;
font-size: 30px;
margin-bottom: 20px;
font-family: 'Oswald';
}
.video-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.video-item-inner{
cursor: pointer;
}
.video-item-inner{
position: relative;
aspect-ratio: 16/9;
border-radius: 12px;
overflow: hidden;
}
.video-item-inner:hover .video-item-thumbnail{
scale: 105%;
transition: all ease-out 400ms;
}
.video-item-thumbnail{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.video-item h5 {
font-size: 20px;
margin-top: 0;
margin-bottom: 10px;
color: #293030;
font-weight: 600;
}
.video-item-500{
margin-bottom: 50px;
}
.video-item-500 iframe {
height: 500px !important;
}
.video-item-500 h2 {
font-size: 30px;
margin-top: 0;
margin-bottom: 20px;
line-height: 36px;
font-family: 'Oswald';
}
.service-products {
margin: 60px 0;
}
.service-products-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
margin-top: 20px;
margin-bottom: 50px;
}
.service-products .title{
font-family: 'Oswald';
font-size: 30px;
line-height: 36px;
color:#293030;
margin: 0;
}
.service-products-item {
border:1px solid #D3E2E5;
border-radius:10px;
padding: 30px;
}
.service-products-item a {
color: #293030;
text-decoration: underline;
font-size: 12px;
}
.service-products-item p {
margin-bottom: 20px;
}
.service-products-item h4 {
font-size: 20px;
color: #293030;
line-height: 28px;
font-weight: 600;
margin-bottom: 18px;
margin-top: 10px;
}
.prices-banner {
background: #EBF8F9;
}
.prices-banner .rating {
color: black;
}
.prices-banner .cta-group {
padding-bottom: 30px;
}
.prices-banner .description {
font-weight: 400;
}
.prices-banner .content-box .title,
.prices-banner .content-box .description {
color: #293030;
}
.prices-banner .primary-button {
border-color:#293030;
color:#293030;
}
.prices-banner .primary-button img {
filter: invert(1);
}
.gallery-grid {
position: relative;
}
.gallery-grid:after {
position: absolute;
right: 0;
top: 0;
height: 100%;
background: linear-gradient(270deg, #ffffff, transparent);
width: 30%;
content: "";
}
.gallery-item {
height: 240px;
margin-right: 10px;
}
.gallery-item img {
height: 100%;
object-fit: cover;
width: 100%;
border-radius:10px;
}
.info-doctor {
background: #EBF8F9;
padding: 50px;
border-radius: 10px;
margin-top: 60px;
margin-bottom: 30px;
}
.info-person {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.info-person .image {
width: 125px;
}
.info-person-content .name {
margin-bottom: 10px;
color: #293030;
font-size: 30px;
font-family: 'Oswald';
}
.info-person-content .subtitle {
font-weight: 600;
color: #293030;
margin: 0;
font-size: 20px;
}
.info-doctor .info-description ul {
padding-left: 0px;
list-style: none;
}
.info-doctor .info-description {
font-size: 20px;
color: #293030;
margin-bottom: 40px;
}
.info-doctor .info-description ul li {
margin-bottom: 20px;
position: relative;
padding-left: 40px;
}
.info-doctor .info-description ul li a {
text-decoration: underline;
}
.info-doctor .info-description ul li:before {
background: url(//www.kvalident.cz/wp-content/themes/kvalident/assets/img/check.svg);
position: absolute;
left: 0;
content:"";
height: 28px;
width: 28px;
background-repeat: no-repeat;
background-size: contain;
}
.service-form {
padding: 50px;
background: #EBF8F9;
border-radius: 10px;
}
.service-form .title{
font-size: 30px;
font-family: 'Oswald';
margin-top: 0;
margin-bottom: 20px;
color:#293030;
}
.service-input__wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
.service-input input,
.service-input select,
.service-input textarea {
border-radius: 32px;
padding: 18px 25px;
width: 100%;
box-sizing: border-box;
border:none;
outline: none;
}
.service-input.service-input-bcg textarea {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.service-input select {
border: 1px solid #C4D9DD;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(//www.kvalident.cz/wp-content/themes/kvalident/assets/img/contact-arrow.png);
background-repeat: no-repeat;
background-position: right 20px center;
background-size: 18px;
cursor: pointer;
background-position-y: 22px;
}
.service-input {
position: relative;
}
.service-input input,
.service-input textarea {
position: relative;
z-index: 9;
background: transparent;
}
.service-input textarea {
min-height: 140px;
max-height: 140px;
}
.service-input-span {
position: absolute;
left: 25px;
bottom: 0;
top: 18px;
}
.service-input-bcg {
border-radius: 32px;
background: white;
border: 1px solid #C4D9DD;
}
.service-input.service-input-bcg.active span.service-input-span {
color: #00A6B1;
font-size: 12px;
top: 9px;
transition: linear 0.2s all;
}
.service-form-inner span.wpcf7-not-valid-tip {
position: absolute;
left: 10px;
font-size: 14px;
bottom:-35px;
}
.service-input.service-input-bcg.active input,
.service-input.service-input-bcg.active textarea {
padding-top: 26px;
padding-bottom: 10px;
}
p.service-policy {
font-size: 12px;
color: #293030;
margin: 20px 0;
}
p.service-policy a {
text-decoration: underline;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
background: #9ebe16;
font-size: 18px;
border-radius: 50px;
color: white;
padding: 18px 25px;
display: inline-flex;
align-items: center;
gap: 10px;
justify-content: center;
font-weight: 600;
border:none;
}
.service-gallery {
margin: 60px 0;
}
.service-gallery .title{
font-size: 30px;
font-family: 'Oswald';
margin-top: 0;
margin-bottom: 20px;
color: #293030;
}
.toc-single .subcategories {
display: none;
margin: 0;
padding: 20px 46px;
background:#F9FEFF;
list-style: circle;
}
.toc-single .subcategories ul{
padding: 0;
}
.toc-single .subcategories ul li::marker{
color:#C4D9DD;
}
.toc-single .subcategories ul li a{
color:#293030;
}
.toc-single {
background: #EBF8F9;
margin-bottom: 1px;
}
.toc-accordeon .toc-single:first-child {
border-radius: 10px 10px 0px 0px;
}
.toc-accordeon .toc-single:first-child .active {
border-radius: 10px 10px 0 0;
}
.toc-accordeon .toc-single:last-child {
border-radius: 0px 0px 10px 10px;
}
.toc-single h5.active {
background: #00A6B1;
color:white;
}
.toc-single h5 {
margin: 0;
padding: 20px 30px;
cursor: pointer;
font-size: 18px;
display: flex;
justify-content: space-between;
}
.toc-single h5.active img {
transform: rotate(180deg);
transition: linear 0.2s all;
}
.toc-single h5 img {
transform: rotate(0deg);
transition: linear 0.2s all;
}
.toc-single .subcategories li {
margin-bottom: 15px;
}
.toc-single .subcategories li:last-child {
margin: 0;
}
.services-toc {
margin-bottom: 70px;
}
.video-item h3 {
margin-bottom: 10px;
font-size: 20px;
font-family: 'Oswald';
margin-top: 0;
}
.video-item iframe {
width: 100%;
height: 250px;
border-radius: 10px;
}
@media only screen and (max-width: 1330px) {
.service-inner {
gap: 4rem;
}
.services-grid {
grid-template-columns:  1fr 1fr;
}
.cta-group {
gap: 10px;
}
.contact-banner {
padding-left: 20px;
}
.primary-button,
.secondary-button {
font-size: 16px;
}
}
@media only screen and (max-width: 1000px) {
.rating-black {
margin-bottom: 20px;
}
.service-inner {
flex-direction: column;
margin-top: 30px;
}
.service-left {
width: 100%;
}
.services-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 800px) {
.contact-banner .rating {
justify-content: center;
}
.contact-banner .image img {
position: relative;
top: 10px;
transform: scale(1.2);
}
.contact-banner .image {
max-width: 160px;
min-width: 160px;
min-height: 160px;
max-height: 160px;
background: #0a949d;
border-radius: 50%;
padding: 2rem;
overflow: hidden;
box-sizing: border-box;
}
.contact-banner {
flex-direction: column-reverse;
text-align: center;
gap: 30px;
padding-top: 30px;
padding-bottom: 40px;
padding-right: 10px;
padding-left: 10px;
}
.contact-banner .cta-group {
justify-content: center;
}
.benefits-item__wrap {
grid-template-columns: 1fr 1fr;
gap: 10px;
}
}
@media only screen and (max-width: 700px) {
.references .description {
font-size: 16px;
line-height: 22px;
}
.references .rating {
align-items: baseline;
}
.references-inner {
flex-direction: column;
align-items: baseline;
gap: 10px;
}
.reference-grid .box {
padding: 25px;
}
.service-products-grid {
grid-template-columns: 1fr 1fr;
}
.service-form {
padding: 35px 15px;
}
.services-grid {
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.service-image {
height: auto;
}
.service-detail-new:after {
height: 300px;
}
}
@media only screen and (max-width: 600px) {
.gallery-item {
height: 110px;
}
}
@media only screen and (max-width: 550px) {
input.wpcf7-form-control.wpcf7-submit.has-spinner {
width: 100%;
}
.terciary-button {
width: 100%;
display: flex;
text-align: center;
justify-content: center;
}
.secondary-button {
width: 100%;
}
.reference-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.service-form {
padding: 30px 15px;
}
.service-form .title {
text-align: center;
}
.faq-item h4 {
font-size: 16px;
}
.service-faq .description {
text-align: center;
}
.service-faq .title {
text-align: center;
}
.info-doctor a.terciary-button {
width: 100%;
display: flex;
justify-content: center;
}
.video-item-500 h2 {
text-align: center;
}
.video-item-500 iframe {
height: 250px !important;
}
.service-products-grid {
grid-template-columns: 1fr;
}
.contact-banner .cta-group a{
width: 100%;
}
.services-item a {
display: none;
}
.services-item {
display: flex;
gap: 20px;
}
.info-doctor .info-description {
font-size: 16px;
}
.info-person {
flex-direction: column;
}
.info-doctor {
padding: 35px 15px;
}
.service-right {
min-width: 100%;
}
.service-input__wrap {
grid-template-columns: 1fr;
gap: 10px;
}
.video-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.cta-group {
flex-direction: column;
}
}
@media only screen and (max-width: 400px) {
.services-grid {
gap: 10px;
grid-template-columns:1fr;
}
.benefits-item__wrap {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 790px) {
.team .team__carousel {
width: 105%;
margin-left: -25px;
margin-bottom: 40px;
}
.team .team__carousel .owl-item {
width: 220px !important;
margin-left: 0 !important;
margin-right: 38px !important;
}
.team .team__carousel .owl-item:last-child {
margin-right: 0 !important;
}
}
.post-author{
border: 1px solid #293030;
padding: 16px;
display: flex;
gap: 16px;
align-items: end;
margin-top: 64px;
}
.post-author .post-author__avatar{
max-width: fit-content;
}
.post-author .post-author__content{
max-width: fit-content;
}
.post-author .post-author__content p{
margin: 0px !important;
}
.post-author .post-author__content .post-author__name{
margin-bottom: 4px !important;
font-size: 18px;
font-weight: 600px;
}
.post-author .post-author__content .post-author__bio{
margin-bottom: 12px !important;
}
.services-new {
width: 100%;
max-width: 980px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
padding-right: 16px;
padding-left: 16px;
}
.services-new-content {
display: flex;
flex-wrap: wrap;
gap: 24px 48px;
justify-content: center;
} .services-new-item {
width: 21%;
}
.services-new-item-inner {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
padding: 32px 24px;
height: 100%;
box-sizing: border-box;
position: relative;
overflow: hidden;
transition: background 0.2s, box-shadow 0.2s;
}
.services-new-item-inner::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 3px;
background: #AAD00C;
transition: width 0.25s;
}
.services-new-item-inner:hover {
background: #ffffff;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
}
.services-new-item-inner:hover::before {
width: 32px;
}
.services-new-item-inner:hover .services-new-item-inner-heading {
color: #00A6AF;
}
.services-new-item-inner-icon {
height: 64px !important;
min-height: 64px;
width: auto !important;
margin-bottom: 16px;
flex: none;
flex-shrink: 0;
object-fit: contain;
}
@media (max-width: 960px) {
.services-new-content {
gap: 24px 32px;
}
.services-new-item {
width: 30%;
}
}
.services-new-item-inner-heading {
text-align: center;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #545454;
margin: 0 !important;
} .services-new-item.has-subservices {
width: 100%;
flex-grow: 0;
background: #F2FEFF;
padding: 32px;
display: flex;
align-items: stretch;
gap: 0;
}
.services-new-item-main {
flex-shrink: 0;
width: 21%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-decoration: none;
gap: 12px;
padding-right: 32px;
border-right: 1px solid #C0EDEF;
}
.services-new-item-main .services-new-item-inner-icon {
margin-bottom: 0;
}
.services-new-item-main .services-new-item-inner-heading {
font-size: 15px;
line-height: 22px;
transition: color 0.2s;
}
.services-new-item-main:hover .services-new-item-inner-heading {
color: #00A6AF;
}
.services-new-item-subs {
flex: 1;
columns: 2;
column-gap: 64px;
column-rule: 1px solid #C0EDEF;
padding-left: 32px;
}
.services-new-item-subs a {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
color: #545454;
text-decoration: none;
font-size: 15px;
line-height: 22px;
break-inside: avoid;
transition: color 0.2s;
}
.services-new-item-subs a:hover {
color: #00A6AF;
}
.services-new-item-subs a::after {
content: '';
display: inline-block;
width: 24px;
height: 24px;
flex-shrink: 0;
margin-left: 12px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L15 16M19 12L15 8' stroke='%2300A6AF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 768px) {
.services-new-item.has-subservices {
flex-direction: column;
}
.services-new-item-main {
width: 100%;
flex-direction: column;
justify-content: center;
padding-right: 0;
padding-bottom: 0;
border-right: none;
border-bottom: none;
}
.services-new-item-subs {
padding-left: 0;
padding-top: 24px;
column-gap: 32px;
}
}
@media (max-width: 550px) {
.services-new-item {
width: 100%;
}
.services-new-item.has-subservices {
padding: 24px;
}
.services-new-item-subs {
columns: 1;
column-gap: 0;
column-rule: none;
}
}
.order-form--home {
top: 32px;
}
.slide{
background-size: cover !important;
}