/*
  Custom CSS overrides for Kvalident theme
  Add your styles here. This file is enqueued after theme.min.css.
*/

/* Example: */
/* .some-class { color: #123456; } */

.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("/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("../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;
}

/* FAQ */
.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(../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(../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;
    }

    /* --- Běžná položka --- */
    .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;
    }

    /* --- Karta s podslužbami --- */
    .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;
}