/* -------------------------------------------------------------------------------- */
/* FONT */
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
font-family: 'Poppins';
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* -------------------------------------------------------------------------------- */
/* COMMON */
* {
padding: 0;
margin: 0;
line-height: 1.6;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}

body {
font-family: "Poppins", sans-serif;
overflow-x: hidden !important;
height: 100%;


}

html,
body {
overflow-x: hidden;
}

a,
a:hover {
text-decoration: none;
color: inherit;
}

p {
margin-bottom: 0;
font-size: 18px;
line-height: 27px;
}

h1 {
font-size: 44px;
line-height: 65px;
font-weight: 600;
color: var(--blue-700);
}

h2 {
font-size: 32px;
line-height: 48px;
font-weight: 600;
margin: 0;
}

.fs-24 {
font-size: 24px;
}

.fs-20 {
font-size: 20px;
}

.fs-18 {
font-size: 18px;
}

.fs-16 {
font-size: 16px;
}

/* btns */
.main-btn {
color: var(--nav-quote-color);
background: var(--blue-700);
padding: 12px;
padding-inline: 30px;
border-radius: 16px;
text-align: center;
font-weight: 600;

transition: all .5s ease;
}

.img-border {
border-radius: 32px;

}

@media(min-width:991px) {
.main-btn:hover {
background-color: var(--blue-500) !important;
color: var(--blue-700) !important;

}
}

:root {
--black-900: #242424;
--black-700: #141C24;
--black-500: #212121;
--black-300: #2E2E2E;
--blue-500: #BFEFFF;
--blue-700: #123653;
--white-500: #ffffff;
--gray-700: #545454;
--gray-500: #828282;
--gray-300: #C7C7C7;

/*-----------------------*/
/* NAVIGATION PARAMETERS */
/*-----------------------*/

/*Navigation*/
--nav-height: 100px;
--nav-width: 1324px;
--nav-hamburger-color: var(--blue-700);
--nav-background-color: #7C9ECC1C;
--nav-background-color-scrolled: var(--blue-700);
--nav-background-color-mobile: transparent;

/*Navigation Banner Parameters*/
--nav-banner-height: 40px;
--nav-banner-font-weight: 500;
--nav-banner-background-color: white;
--nav-banner-item-color: black;

/*Navigation Underline Parameters */
--nav-underline-color: var(--blue-700);
--nav-underline-color-scrolled: white;
--nav-underline-height: 2px;
--nav-underline-border-radius: 1em;
--nav-underline-offset: -5px;

/*Navigation Item Parameters */
--nav-item-font-size: 18px;
--nav-item-font-weight: 400;
--nav-item-spacing: 0.5em;
--nav-item-color: #828282;
--nav-item-color-scrolled: white;
--nav-item-color-hover: var(--blue-700);
--nav-item-color-scrolled-hover: black;
--nav-item-hover-scale: 1.1;

/*Navigation Dropdown Menu Parameters */
--nav-dropdown-background-color: #1E2D3D;
--nav-dropdown-border-radius: 0.5em;
--nav-dropdown-box-shadow: 0px 11px 17px 0px rgba(0, 0, 0, 0.2);
--nav-dropdown-caret-color: var(--blue-700);
--nav-dropdown-caret-color-mobile: var(--blue-700);
--nav-dropdown-caret-color-hover: var(--blue-500);

/*Navigation Dropdown Menu Item Parameters */
--nav-dropdown-item-color: var(--white-500);
--nav-dropdown-item-color-hover: var(--white-500);
--nav-dropdown-item-background-color-hover: var(--blue-500);
--nav-dropdown-item-size: 14px;
--nav-dropdown-item-padding: 0.5em;

/*Navigation Dropdown Mobile Bullet */
--nav-dropdown-bullet-color: var(--blue-500);
--nav-dropdown-bullet-height: 3px;
--nav-dropdown-bullet-width: 10px;
--nav-dropdown-bullet-radius: 0px;

/*Navigation Quote Button*/
--nav-quote-color: var(--white-500);
--nav-quote-background: var(--blue-500);
--nav-quote-border: none;

--nav-quote-color-hover: var(--blue-700);
--nav-quote-border-hover: none;

--nav-quote-color-scrolled: var(--blue-700);
--nav-quote-background-scrolled: var(--blue-500);
--nav-quote-border-scrolled: 1px solid transparent;

--nav-quote-color-scrolled-hover: white;
--nav-quote-background-scrolled-hover: var(--blue-500);
--nav-quote-border-scrolled-hover: 2px solid white;

--nav-quote-border-radius: 8px;

/*Navigation Transition Timings*/
--nav-transition-length: 0.3s;
--nav-transition-type: ease;
}

/* NAVIGATION */
.navigation-wrapper {
position: relative;
z-index: 10000;
}

.navigation-container {
background-color: var(--nav-background-color);
transition: background-color var(--nav-transition-length) var(--nav-transition-type);
}

@media screen and (min-width: 992px) {
.navigation-container.fixed {
background-color: var(--nav-background-color-scrolled);
position: fixed;
top: 0;


}

}

.navigation {
display: flex;
justify-content: space-between;
flex-direction: row;
max-width: var(--nav-width);
margin: 0 auto;
padding-inline: 1em;
}

@media screen and (max-width: 991px) {
.navigation {
flex-direction: column;
}

.navigation-container {
background-color: var(--nav-background-color-mobile);
}
}

/* NAVIGATION UTILITIES */
.navigation-utilities {
display: flex;
justify-content: space-between;
align-items: center;
height: var(--nav-height);
}

.navigation-logo {
position: relative;
}

.navigation-hamburger {
display: none;
}

@media screen and (max-width: 991px) {
.navigation-hamburger {
display: block;
}



.navigation-hamburger svg line {
stroke: var(--nav-hamburger-color);
}
}

.navigation-content {
display: flex;
flex-direction: row;
align-items: center;
transition: height var(--nav-transition-length) var(--nav-transition-type);
height: 0;
}

@media screen and (max-width: 991px) {
.navigation-content {
flex-direction: column;
align-items: flex-start;
overflow: hidden;
}
}

/* NAVIGATION ITEM */
.navigation-item {
display: flex;
margin: 0 var(--nav-item-spacing);
padding: 0.5em 0;
color: var(--nav-item-color);
font-size: var(--nav-item-font-size);
font-weight: var(--nav-item-font-weight);
position: relative;
transition: var(--nav-transition-length) var(--nav-transition-type);
}

@media only screen and (min-width: 992px) and (max-width: 1100px) {
.navigation-item {
font-size: 14px;
}
}



/* .navigation-item.quote {
display: none;
} */

.navigation-item-desktop {
display: none;
}

.navigation-item-mobile {
display: none !important;
}

@media screen and (min-width: 992px) {

/* QUOTE BUTTON */
.navigation-item.quote {
display: block;
border: var(--nav-quote-border);
padding: 0.5em 30px;
border-radius: var(--nav-quote-border-radius);
color: var(--nav-quote-color) !important;
background: var(--blue-700);
}

.fixed .navigation-item.quote {
background: var(--nav-quote-background-scrolled);
color: var(--nav-quote-color-scrolled) !important;
border: var(--nav-quote-border-scrolled);
}

.navigation-item-desktop {
display: block;
}
}

@media screen and (max-width: 991px) {
.navigation-item-mobile {
display: block !important;

}
}

/* NAVIGATION DROPDOWN MENU */



.navigation-dropdown {
position: relative;
}

.navigation-dropdown-menu {
position: absolute;
top: calc(100% - 4px);
left: 0;
height: 0;
color: var(--nav-dropdown-item-color);
background: var(--nav-dropdown-background-color);
border-radius: var(--nav-dropdown-border-radius);
-webkit-box-shadow: var(--nav-dropdown-box-shadow);
box-shadow: var(--nav-dropdown-box-shadow);
overflow: hidden;
z-index: 100;
transition: var(--nav-transition-length) var(--nav-transition-type);
}

.navigation-dropdown-menu-item {
display: block;
position: relative;
font-size: var(--nav-dropdown-item-size);
padding: var(--nav-dropdown-item-padding);
white-space: nowrap;
transition: var(--nav-transition-length) var(--nav-transition-type);
}

@media screen and (min-width: 992px) {
.navigation-dropdown-menu-item:hover {
color: var(--nav-dropdown-item-color-hover);
background-color: var(--nav-dropdown-item-background-color-hover);
}

}

@media screen and (max-width: 991px) {
.navigation-dropdown {
flex-direction: column;
}

.navigation-dropdown-menu {
position: static;
background-color: unset;
box-shadow: unset;
}

.navigation-dropdown-menu-item {
color: var(--gray-500);
}

.navigation-dropdown-menu-item:first-child {
margin-top: var(--nav-dropdown-item-padding);
}

.navigation-dropdown-menu-item {
position: relative;
padding-left: 1em;
}

.navigation-dropdown-menu-item::before {
position: absolute;
content: '';
height: var(--nav-dropdown-bullet-height);
top: 50%;
left: 0;
border-radius: var(--nav-dropdown-bullet-radius);
transform: translateY(-50%);
min-width: var(--nav-dropdown-bullet-width);
background-color: var(--nav-dropdown-bullet-color);
}

}

/* NAVIGATION UNDERLINE */
@media screen and (min-width: 992px) {
.navigation .underline::before {
position: absolute;
height: var(--nav-underline-height);
width: 100%;
border-radius: var(--nav-underline-border-radius);
content: '';
background: var(--nav-underline-color);
transition: var(--nav-transition-length) var(--nav-transition-type);
}

.fixed .underline::before {
background: var(--nav-underline-color-scrolled);
}

.underline::before {
display: none;
}

.underline-fade-bottom .underline::before {
display: block;
bottom: -50%;
left: 0;
opacity: 0;
}

.underline-fade-bottom .underline:hover::before,
.underline-fade-bottom .underline.active::before {
bottom: calc(-1 * var(--nav-underline-offset));
opacity: 1;
}
}

/* ---------------------------------------------------------------------------------- */
/* HOME */
.hero-section {
background: transparent linear-gradient(179deg, #7C9ECC1C 0%, #6A807B00 100%) 0% 0% no-repeat padding-box;
}

.hero-section-title p {
max-width: 463px;
color: var(--gray-500);
}

.text-banner-title {
justify-content: space-between;
align-items: center;
}

.text-banner-title p {
max-width: 825px;
color: var(--blue-700);
font-weight: 600;
}

.hero-image {
position: relative;
display: inline-block;
}

.hero-image img {
width: 100%;
border-radius: 20px;
display: block;
}

/* zajednicki stil bannera */

.hero-badge {
position: absolute;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 16px;
padding: 14px 18px;
display: flex;
align-items: center;
gap: 12px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

/* gornji */
.hero-badge span {
color: var(--blue-700);
}

.badge-top {
top: 40px;
right: -40px;
}


/* donji */

.badge-bottom {
bottom: -40px;
left: -40px;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}

.badge-item {
display: flex;
align-items: center;
gap: 10px;
}




/*--------------------*/
/*------SERVICES------*/
/*--------------------*/
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 11px)) !important;
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 11px)) !important;
background-color: var(--blue-700) !important;
}

.services-swiper {
--service-swiper-height: 1100px;
--service-swiper-height-mobile: 400px;
--service-swiper-row-gap: 0px;

height: var(--service-swiper-height-mobile);
overflow: visible !important;
}


.services-swiper .swiper-slide {
height: auto;

}

.service-section h2 {
color: var(--blue-700);
font-weight: 600;
position: relative;
}

.service-section h2:before {
content: '';
position: absolute;
width: 78px;
height: 2px;
background-color: var(--blue-700);
bottom: -10px;
translate: -50% -50%;
left: 50%;
border-radius: 16px;
}

.service-card {
border-radius: 16px;
box-shadow: 0px 3px 20px #0000001A;
padding: 30px 10px;
text-align: center;
min-height: 336px;
margin: auto;
max-width: 353px;
}

.service-name {
color: #092033;
font-weight: 600;
position: relative;
}

.service-name:before {
content: '';
position: absolute;
width: 78px;
height: 2px;
background-color: var(--blue-700);
bottom: -10px;
translate: -50% -50%;
left: 50%;
border-radius: 16px;
}

.service-description p {
padding-top: 30px;
font-size: 16px;
line-height: 25px;
}

@media screen and (min-width: 992px) {

.services-swiper {
height: var(--service-swiper-height);
}

.services-swiper .swiper-slide {
height: calc((100% - var(--service-swiper-row-gap)) / 3) !important;
}

}

/* TWO COLUMN SECTION */
.two-column-section-title h2 {
position: relative;
margin-bottom: 30px;
padding-bottom: 10px;
}

.two-column-section-title h2:before {
content: '';
position: absolute;
width: 78px;
height: 2px;
background-color: var(--blue-700);
bottom: 0px;
left: 0;
border-radius: 16px;
}

.two-column-section-title p {
color: #828282;
padding-bottom: 24px;
font-size: 16px;
line-height: 25px;
}

/* ---------------------------------------------------------------------------------- */
/* TESTIMONIALS */
.testimonials-section h2 {
color: var(--blue-700);
font-weight: 600;
position: relative;
}

.testimonials-section h2:before {
content: '';
position: absolute;
width: 78px;
height: 2px;
background-color: var(--blue-700);
bottom: -10px;
translate: -50% -50%;
left: 50%;
border-radius: 16px;
}

.testimonials-swiper .swiper-slide {
height: auto;
}

.testimonials-section {
position: relative;
max-width: 1650px;
}

.testimonials-section .swiper-button-next-unique,
.testimonials-section .swiper-button-prev-unique {
background-color: var(--blue-700);
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
height: 40px;
width: 40px;
position: absolute;
bottom: 0;
left: 50%;
}

.testimonials-section .swiper-button-disabled {
background-color: transparent !important;
}

.testimonials-section .swiper-button-next-unique {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16' width='10' height='16'%3E%3Cpath fill='white' d='M3 15a.999.999 0 0 1-.707-1.707L7.588 8 2.293 2.707a.999.999 0 1 1 1.414-1.414l6 6a.999.999 0 0 1 0 1.414l-6 6A.991.991 0 0 1 3 15z'/%3E%3C/svg%3E");
transform: translateX(25%);
}

.testimonials-section .swiper-button-next-unique.swiper-button-disabled {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16' width='10' height='16'%3E%3Cpath d='M3 15a.999.999 0 0 1-.707-1.707L7.588 8 2.293 2.707a.999.999 0 1 1 1.414-1.414l6 6a.999.999 0 0 1 0 1.414l-6 6A.991.991 0 0 1 3 15z' fill='%23B7B7B7'/%3E%3C/svg%3E");
}

.testimonials-section .swiper-button-prev-unique {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16' width='10' height='16'%3E%3Cpath fill='white' d='M7 15a.997.997 0 0 1-.707-.293l-6-6a.999.999 0 0 1 0-1.414l6-6a.999.999 0 1 1 1.414 1.414L2.414 8l5.294 5.294A.999.999 0 0 1 7 15z'/%3E%3C/svg%3E");
transform: translateX(-125%);
}

.testimonials-section .swiper-button-prev-unique.swiper-button-disabled {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16' width='10' height='16'%3E%3Cpath d='M7 15a.997.997 0 0 1-.707-.293l-6-6a.999.999 0 0 1 0-1.414l6-6a.999.999 0 1 1 1.414 1.414L2.414 8l5.294 5.294A.999.999 0 0 1 7 15z' fill='%23B7B7B7'/%3E%3C/svg%3E");
}

.testimonials-section .swiper-slide-active .testimonial {
box-shadow: 0px 55px 160px #0000000A;
}

.testimonial {
display: flex;
flex-direction: column;
align-items: center;
border-radius: 1em;
transition: box-shadow 0.3s ease;
height: 100%;
max-width: 530px;
margin: 0 1em;
position: relative;
}


.testimonial:after {
content: url(/assets/uploads/2024/11/Icon-14.svg);
position: absolute;
height: 50px;
width: 40px;
left: 20px;
top: 50px;
}



.inside-div {
padding-top: 30px;
text-align: center;
}

.testimonial .comment {
padding: 1em;
}

.testimonials-swiper {

padding-block: 50px !important;
margin: 50px !important;

}

/* BLUE BANNER */
.blue-banner {
background-color: var(--blue-500);
padding-block: 80px !important;
}

.blue-banner-content h2 {
font-size: 24px;
line-height: 35px;
padding-bottom: 24px;
}

.blue-banner-content p {
max-width: 1014px;
margin: auto;
font-size: 16px;
line-height: 25px;
padding-bottom: 20px;
}

@media(min-width:991px) {
.blue-banner-content .main-btn:hover {
background-color: var(--white-500);
}
}

/* -------------------------------------------------------------------------------- */
/* O NAMA */
.colored-txt {
color: var(--blue-700);
}

.bold-list {
list-style: none;
margin: 0;
padding-left: 15px;
}

.bold-list li {
position: relative;
max-width: 494px;
font-size: 16px;
line-height: 25px;
margin-top: 8px;
color: var(--gray-500);
}

.bold-list li:before {
content: '';
position: absolute;
background-color: var(--blue-700);
height: 8px;
width: 8px;
left: -10px;
top: 0;
translate: -50% 10px;
border-radius: 50%;
}

/* ---------------------------------------------------------------------------------- */
/* Cenoving/ Price */
.price-table {
max-width: 1100px;
margin: auto;
}

.price-table table {
width: 1000px;
}

.price-table td {
padding-bottom: 8px;
}

.price-table tr {
color: var(--gray-500);
}

.table-header th,
.table-header strong {
color: var(--blue-700);
padding-bottom: 16px;

}

.separator {
position: relative;

height: 10px;
}

.separator:before {
content: '';
position: absolute;
background-color: var(--blue-700);
height: 2px;
width: 950px;
max-width: 100%;
bottom: 0;
left: 0;

}

/* ---------------------------------------------------------------------------------- */
/* PONUDE/ OFFERING */
.partners p {
font-weight: 600;
color: var(--blue-700);
}

.partner-swiper .swiper-wrapper {
padding-bottom: 3rem;
}

.partner-swiper .swiper-slide {
height: auto;
}

.partner-logo {
margin: auto;
text-align: center;
}

.partner-logo img {
height: 48px;
max-width: 100%;
}

.partners-mobile {
display: none;
}

.desktop-partner .row {

margin-top: 3rem;
}

.desktop-partner .row .col-lg-4 {
margin: auto;
text-align: center;
}

@media(max-width:1400px) {
.partners-mobile {
display: block;
}

.desktop-partner {
display: none;
}
}

/* CARDS PRICE */
.card-container {
display: flex;
gap: 20px;

margin: 20px;
}

.card {
background-color: #fff;
border-radius: 16px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

width: 450px;
max-width: 500px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.odd-card {
height: 564px;
}

.middle-card {
translate: 0 -70px;
}

.card-content {
padding: 20px;
}

.card h3,
.card-content-protetika h3 {
font-size: 18px;
font-weight: 600;
color: var(--blue-700);
margin-bottom: 15px;
text-align: center;
position: relative;
padding-bottom: 10px;
}

.card h3:before,
.card-content-protetika h3:before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
translate: -50%;
height: 3px;
width: 78px;
background-color: var(--blue-700);
}

.card ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 15px;

}

.card ul li {
display: flex;
align-items: start;
margin-bottom: 10px;
font-size: 16px;
line-height: 25px;
color: var(--gray-500);
}

.card ul li::before {
content: url('/assets/uploads/2024/11/Path-26.svg');
color: #4caf50;
margin-right: 8px;
}

.contract,
.benefits {
font-size: 16px;
color: var(--blue-700);
margin-bottom: 10px;
line-height: 25px;
padding-bottom: 12px;
}

.price {
font-size: 16px;
font-weight: bold;
color: var(--white-500);
text-align: center;
margin-top: auto;
padding-top: 10px;
background-color: var(--blue-700);
border-radius: 0px 0px 16px 16px;
margin: 0;
padding: 16px;
}

@media (max-width: 900px) {
.card-container {
flex-direction: column;
align-items: center;
}
}

.maxi-card-container {
justify-content: center;
}

/* SERVICES PAGES*/
.hero-service-title p {
color: var(--gray-500);
padding-bottom: 24px;
max-width: 1063px;
margin: auto;
}


/* IZBELJIVANJE */
.blitch-title p {
color: var(--gray-500);
max-width: 1014px;
margin: auto;
}

.blich-contract {
color: var(--gray-500);
text-align: center;
font-size: 16px;
line-height: 25px;
}

.blich-odd-card {
height: 455px;
}

.blich-middle-card {
height: 612px;
}

/* KONZERVATIVNA */
.konzervatina-lista li {
max-width: 100%;
}

.konzervatina-lista li:before {
translate: -50% 8px;
}

/* ORALNA HIRURGIJA */
.banner-card {
border-radius: 16px;
background-color: var(--white-500);
min-height: 90px;
width: 242px;
max-width: 242px;
display: flex;
justify-content: center;
align-items: center;
padding-inline: 10px;

}

.banner-card p {
font-size: 16px;
line-height: 25px;
padding-block: 0;
color: var(--blue-700);
margin: 0;
}

.banner-card-container {
gap: 20px;
max-width: 1100px;
margin: auto;
align-items: center;
}

/* PROTETIKA */
.card-content-protetika h3 {
text-align: start;
}

.card-content-protetika h3:before {
left: 40px;
}

.card-content-protetika p {
color: var(--gray-500);
}

.protetika-card {
max-width: 510px;
height: auto;
padding: 37px 10px;
background-color: var(--white-500);
border-radius: 16px;
box-shadow: 0px 3px 20px #0000001A;
}

.protetika-price p {
max-width: 1100px;
margin: auto;
}

/* ZUBNI IMPLANTI */
.zubni-flex {
justify-content: center;
gap: 32px;
}

.zubni-implanti-kartica {
width: 434px;
max-width: 434px;
padding-block: 18px;
height: 134px;

}

/* ---------------------------------------------------------------------------------- */
/* MEDIA QUERY */
@media(max-width:1200px) {
.text-banner-title {
flex-direction: column;
}

.card-container {
flex-direction: column;
}

.card {
margin: auto;
margin-top: 2rem;
height: 100% !important;
max-width: 100%;
}

.family-price {
margin-bottom: 2rem !important;
}

.middle-card {
translate: 0 0;
}
}

@media(max-width:992px) {
h1 {
font-size: 32px;
line-height: 40px;
}

h2 {
font-size: 28px;
line-height: 40px;
}

.hero-section-img img {
display: none;
}

.hero-badge {
display: none;
}

.two-column-section-title {
margin-top: 3rem !important;
}

.center-img {
text-align: center !important;
margin: auto;
margin-top: 3rem !important;
}

.reverse-center-img {
margin-bottom: 3rem !important;
text-align: center !important;
margin: auto;
}

.testimonials-swiper {
margin: 0 !important;
padding: 50px 0 !important;
}

.price-table table {
max-width: 100%;
}

.zubni-flex {
flex-direction: column;
margin: auto;
align-items: center;
}

.zubni-implanti-kartica {
height: auto;

}

.banner-card-container {
flex-direction: column;
}
}

@media(max-width:576px) {

.price-table table,
.price-table,
.price-table th,
.price-table td,
.price-table tr {
display: block;
}

/* .price-table tr td:first-child {
max-width: 180px;
} */

.hero-section-title,
.text-banner-title {
text-align: center;
}
}