*,body,html,li, ul{margin: 0;padding: 0}
@font-face {font-family: "DM Sans";
src: url("/assets/fonts/DM-sans-regular/DMSans-Regular.woff2") format("woff2"), url("/assets/fonts/DM-sans-regular/DMSans-Regular.woff") format("woff");font-style: normal;font-display: swap;font-weight: 400;}
@font-face {font-family: "DM Sans";
src: url("/assets/fonts/DM-sans-medium/DMSans-Medium.woff2") format("woff2"), url("/assets/fonts/DM-sans-medium/DMSans-Medium.woff") format("woff");font-style: normal;font-display: swap;font-weight: 500;}
@font-face {font-family: "DM Sans";
src: url("/assets/fonts/DM-sans-semibold/DMSans-SemiBold.woff2") format("woff2"), url("/assets/fonts/DM-sans-semibold/DMSans-SemiBold.woff") format("woff");font-style: normal;font-display: swap;font-weight: 600;}
@font-face {font-family: "DM Sans";
src: url("/assets/fonts/DM-sans-bold/DMSans-Bold.woff2") format("woff2"), url("/assets/fonts/DM-sans-bold/DMSans-Bold.woff") format("woff");font-style: normal;font-display: swap;font-weight: 700;}
@font-face {font-family: "DM Sans";
src: url("/assets/fonts/DM-sans-extraBold/DMSans-ExtraBold.woff2") format("woff2"), url("/assets/fonts/DM-sans-extraBold/DMSans-ExtraBold.woff") format("woff");font-display: swap;font-weight: 800;}
@font-face {font-family: "DM Sans";
src: url("/assets/fonts/DM-sans-black/DMSans-Black.woff2") format("woff2"), url("/assets/fonts/DM-sans-black/DMSans-Black.woff") format("woff");font-display: swap;font-weight: 900;}

html,body {scroll-behavior: smooth;height: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-ms-font-smoothing: antialiased;font-smoothing: antialiased;font-family: "DM Sans",sans-serif;font-weight: 400;}
a {text-decoration: none;color: inherit;}
button {cursor: pointer;font-family: "DM Sans", sans-serif;font-weight: 400;}
li{list-style: none;}
img {border: none;max-width: 100%;object-fit: cover;}
section.medicine-category,
.aesthetics-category,
.main-container{margin: auto;max-width: 1400px;padding-inline: 30px;}
.fixed_header{position: fixed;top: 0;width: 100%;right: 0;left: 0;box-shadow: 0px 6px 15px -3px rgba(0, 0, 0, 0.1);z-index: 10;}
.overflow {overflow-y: hidden;}
.submit-btn:disabled {opacity: 0.5;cursor: not-allowed;background-color: #ccc !important;color: #666 !important;}

/* header */
header {margin: auto;background-color: #fff;}
.header-container{position: relative;display: flex;justify-content: space-between;align-items: center;background: #fff;padding: 30px;max-width: 1450px;margin: auto;}
header nav a{font-size: 15px;margin-right: 50px;color: #2d3047;font-family: "DM Sans", sans-serif;font-weight: 800;letter-spacing: 1px;line-height: 1;font-weight: 700;}
.termin-button{color: #ffffff;box-shadow: 0px 8px 18px -0.8px rgba(99, 102, 241, 0.9);
;border-radius: 5px;font-weight: 700;border: 1px solid #575ae5;background-color: #6366F1;font-family: "DM Sans", sans-serif;font-weight: 800;padding: 15px 32px 15px 32px;font-size: 16px;line-height: 1.2;}
.book-button{background: #444966;color: #fff;font-weight: 700;font-size: 16px;padding: 15px 32px;border: none;border-radius: 5px;box-shadow: 0 4px 12px #383d5a;cursor: pointer;font-family: "DM Sans", sans-serif;font-weight: 800;display: inline-block;}
header .logo {position: absolute;left: 50%;transform: translateX(-50%);}
header .logo a{display: inline-block;}
header .logo img {display: block;}
header nav {display: flex;align-items: center;}
.has-dropdown {position: relative}
.dropdown {position: absolute;top: 100%;left: 0;background: #fff;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);padding: 25px 0px 25px 25px;list-style: none;display: none;flex-direction: column;gap: 20px;z-index: 999;width: 253px;}
.dropdown li a {color: #2e3042;font-size: 15px;line-height: 1.1;}
.has-dropdown:hover .dropdown {display: flex;}
.section-margin{margin-top: 192px !important;}
.fullscreen-menu-container,
.menu-btn{display: none;}
.top-section{margin-bottom: 170px !important;}
.input-error {border: 2px solid red !important;}

/* homepae */
section div.homepage-grid{display: grid;grid-template-columns: 45% 45%; grid-column-gap: 10%;max-width: 90%;margin: 80px auto 70px auto;align-items: center;}
section div.second-grid{grid-template-columns: 52% 40% !important;grid-column-gap: 8%;}
section div.homepage-grid h1{font-family: "DM Sans", sans-serif;font-weight: 700;font-size: 78px;line-height: 1.1;letter-spacing: 0px;margin: 0 0 20px 0;}
section div.homepage-grid p{font-family: "DM Sans", sans-serif;font-weight: 500;font-size: 18px;letter-spacing: 1px;margin: 0 0 30px;color: #757575;line-height: 1.45;} 
section div.homepage-grid img{border-radius: 50px;}
section div.homepage-grid .results{display: grid;grid-template-columns: 47% 47%;grid-column-gap: 6%;align-items: center;}
section div.homepage-grid .results img{height: 100%;width: 100%;}
section div.homepage-grid .results div:first-child{height: 410px;}
section div.homepage-grid .results div:first-child img{border-radius: 50px 0 0 50px;}
section div.homepage-grid .results div:last-child{height: 430px;}
section div.homepage-grid .results div:last-child img{border-radius: 0 50px 50px 0;}
section div h2{font-size: 52px;font-family: "DM Sans", sans-serif;line-height: 1.4;font-weight: 500;}
section div.homepage-grid h4{text-transform: uppercase;font-family: "DM Sans", sans-serif;color: #003C40;margin-bottom: 10px;font-size: 15px;font-weight: 500;}

section.team-section{background-color: #F3F6FF;}
section.category-team{background-color: #fff;}
section.category-team .team-description{background-color: rgba(242, 242, 242, 0.33) !important;}
section.category-team .team-grid{padding: 0 !important;max-width: 100% !important;}
.team-grid .team-image{width: fit-content;height: fit-content;font-size: 0;}
#doctor-modal{cursor: pointer;transform: translateY(0);transition: transform 0.1s ease;display: inline-block;}
#doctor-modal:active {transform: translateY(1.5px)}
section.team-section .team-grid{display: grid;grid-template-columns: 55% 42%;grid-column-gap: 3%;max-width: 90%;padding: 120px 30px;margin: 120px auto 0 auto;align-items: center;}
section.team-section .team-grid img{border-radius: 50px;height: 100%;object-fit: contain;}
section.team-section .team-description{background-color: rgba(255, 255, 255, 0.33);border-radius: 50px;padding: 70px;border: 1px solid #fff;}
section.team-section .team-description h2{margin: 0 0 70px 0;line-height: 1.25;}
section.team-section .team-description h4{color: #757575;text-transform: uppercase;font-size: 14px;margin: 0 0 20px 0;font-family: "DM Sans", sans-serif;font-weight: 500;}
section.team-section .team-description p{font-family: "DM Sans", sans-serif;font-weight: 500;font-size: 16px;letter-spacing: 0.5px;margin: 0 0 30px;color: #757575;}
section.team-section .team-description span{font-size: 16px;}

section.aesthetics-category{display: grid;grid-template-columns: 32% 64%;grid-column-gap: 4%;padding: 130px 0;max-width: 90%;}
section.medicine-category h2{font-size: 50px;line-height: 1;}
section.aesthetics-category h2{font-size: 68px;line-height: 1;}
section .subcategories-grid{display: grid;grid-template-columns: repeat(3,31.33%);gap: 3%;}
section .subcategories-grid a{position: relative;;border-radius: 50px;display: inline-block;transition: all 0.3s ease-in-out;}
section .subcategories-grid a::before{content: '';display: block;padding-bottom: 150%;width: 100%;}
.subcategories-grid:hover a:not(:hover) .image-container {filter: grayscale(100%) saturate(0) blur(5px) brightness(0.7);}
/*  */
.subcategories-grid a .image-container{ background-size: cover;background-position: center;border-radius: 24px;bottom: 0;left: 0;position: absolute;right: 0;top: 0;transform-origin: center;transition: filter 0.3s ease-in-out !important;filter: grayscale(0) saturate(1.2) blur(0) brightness(0.75) contrast(0.85);}
/*  */
section.aesthetics-category .subcategories-grid a:nth-child(1) div.image-container{background-image: url(/assets/images/aesthetics/aesthetic-1.webp);}
section.aesthetics-category .subcategories-grid a:nth-child(2) div.image-container{background-image: url(/assets/images/aesthetics/aesthetic-2.jpg);}
section.aesthetics-category .subcategories-grid a:nth-child(3) div.image-container{background-image: url(/assets/images/aesthetics/aesthetic-3.webp);}
section.aesthetics-category .subcategories-grid a:nth-child(4) div.image-container{background-image: url(/assets/images/aesthetics/aesthetic-4.jpg);}
section.aesthetics-category .subcategories-grid a:nth-child(5) div.image-container{background-image: url(/assets/images/aesthetics/aesthetic-5.webp);}
section.aesthetics-category .subcategories-grid a:nth-child(6) div.image-container{background-image: url(/assets/images/aesthetics/aesthetic-6.jpg);}

.subcategories-grid .subcategory-header{position: absolute;top: 30px;left: 30px;z-index: 2;}
.subcategories-grid .subcategory-header h4{font-size: 9px;color: rgba(255, 255, 255, 0.6);margin-bottom: 19px;text-transform: uppercase;font-family: "DM Sans", sans-serif;font-weight: 800;}
.subcategories-grid .subcategory-header p{color: rgba(255, 255, 255, 0.9);font-size: 19px;text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);line-height: 1.4;word-spacing: 100vw;font-family: 'DM Sans';font-weight: 600;}
.subcategory-section .review{display: grid;grid-template-columns: 15% 80%;grid-column-gap: 5%;margin: 100px 0 50px 0;}
.subcategory-section .review h4{font-size: 27px;}
.subcategory-section .review p{font-size: 34px;color: #000;}
.subcategory-content{margin-left: 33%;}
.subcategory-block img{border-radius: 50px;width: 600px;height: 420px;}
.subcategory-block .content-images div{margin-right: 20px;}
.subcategory-block .content-images{display: flex;overflow: scroll;margin-bottom: 40px;}
.subcategory-block .content-images> div {flex-shrink: 0;width: 600px;}
.subcategory-block p{font-size: 18px;}
.subcategory-block h2{font-size: 18px;margin: 18px 0;}
.subcategory-block ul{margin: 0 20px 15px 0;}
.subcategory-block ul li{list-style-type: disc;list-style-position: inside;font-size: 18px;color: #757575;font-family: "DM Sans", sans-serif;font-weight: 500;}
.subcategory-container .termin-button{margin: 50px 0 80px 0;}
.subcategory-section section.medicine-category h2{font-size: 50px;}


section.plan-section{background-color: #F4F2F5;padding: 100px 0;}
section.plan-section h2{font-size: 68px;line-height: 1;margin-bottom: 50px;}
.plan-subcategory-section h2{font-size: 50px !important;}
.benefits{display: grid;grid-template-columns: 44% 45%;grid-column-gap: 11%;margin: 130px auto;padding-inline: 30px;align-items: center;}
.benefits h3{font-size: 50px;line-height: 1.2;font-family: "DM Sans", sans-serif;
font-weight: 500;}
.benefits h4{font-size: 27px !important;margin: 35px 0;font-family: "DM Sans", sans-serif;font-weight: 500;}
.benefits li{font-size: 16px !important;color: #666B68;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #dfe4e1;font-family: "DM Sans", sans-serif;font-weight: 500; }
.benefits li:last-child{border: none;}
.benefits img{height: auto;border-radius: 50px;object-fit: contain;}
.benefits ul{max-width: 90%;}
.procedure{background-color: #F4F2F5;}

/*  */
section.plan-section .plan-step:last-child{margin-right: 0;}
section.plan-section .plan-step .team-image{background-image: url(/assets/images/team.jpg);background-size: cover;background-position: center;border-radius: 10px;bottom: 0;left: 0;position: absolute;right: 0;top: 0;filter: brightness(0.5);transition: all 0.5s ease;transform-origin: center;}

section.plan-section .plan-container{margin: auto;max-width: 1400px;padding-inline: 30px;max-width: 90%;overflow: hidden;}
section.plan-section .plan-grid{display: flex;justify-content: space-between;gap: 10px;position: relative;}

section.plan-section .plan-step .steps h4{font-size: 20px;font-family: "DM Sans", sans-serif;font-weight: 800;;margin: 0 0 10px 0;color: #ffe6e6;}
section.plan-section .plan-step .steps p{font-size: 16px;font-family: "DM Sans", sans-serif;font-weight: 700;color: #ffe6e6;}

section.plan-section .plan-step {flex-shrink: 0;height: 500px;box-sizing: border-box;transition: width 0.15s linear;cursor: pointer;position: relative;display: block;width: 24.5%;transition-delay: 0.6s;padding: 25px;overflow: visible;}
section.plan-section .plan-step .steps {position: absolute;bottom: -60px;left: 25px;right: 25px;color: #fff;transform-origin: left;transition: bottom 0.4s ease-in-out; z-index: 1;}
section.plan-section .plan-step .steps .wrapper {position: relative;height: 100px;overflow: hidden;padding-top: 15px;box-sizing: border-box;z-index: 2;pointer-events: none;padding-top: 15px;}
section.plan-section .plan-step .steps .wrapper>span {display: block;margin: 0;transform: translateY(100%);transition: transform 0.8s cubic-bezier(0.23, 0.93, 0.77, 1) 0s,opacity 0.8s ease-in-out 0s;opacity: 0;color: #ffe6e6;font-size: 15px; line-height: 1.45;box-sizing: border-box;}

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

section.plan-section .plan-step:hover .steps .wrapper>span {transform: translateY(0);opacity: 1;transition-delay: 0s;}

/* Hover effects */
section.plan-section .plan-step:not(:last-child):hover{width: 35%;transition-delay: 0s;flex: 35% 0 0;}
section.plan-section .plan-step:last-child{flex: 1 1 24.5%;}
section.plan-section .plan-step {flex: 1 1 24.5%;transition: flex-basis 0.3s ease, flex 0.3s ease, width 0.3s ease;}
section.plan-section .plan-step:last-child:hover {flex: 0 0 35%;transition-delay: 0s;}
section.plan-section .plan-step:hover .steps{bottom: 30px;transition-delay: 0s;}
section.plan-section .plan-step:hover .steps span {transform: translateY(0);transition-delay: 0s;opacity: 1;}
section.plan-section .plan-step:last-child {transform-origin: right;}

section.plan-section .plan-step:last-child:hover .steps .wrapper>span {transform: translateY(0);opacity: 1;}
section.plan-section .plan-step:last-child:hover .steps {bottom: 30px;}
}



section.medicine-category{display: grid;grid-template-columns: 64% 33%;grid-column-gap: 3%;padding: 130px 30px; max-width: 90%;}
section.medicine-category .subcategories-grid a:nth-child(1) div.image-container {
background-image: url(/assets/images/medicine/medicine-1.jpg);}
section.medicine-category .subcategories-grid a:nth-child(2) div.image-container {
background-image: url(/assets/images/medicine/medicine-2.jpg);}
section.medicine-category .subcategories-grid a:nth-child(3) div.image-container {
background-image: url(/assets/images/medicine/medicine-3.webp);}
section.medicine-category .subcategories-grid a:nth-child(4) div.image-container {background-image: url(/assets/images/medicine/medicine-4.webp);}
section.medicine-category{max-width: 100%;}


section.doctors{max-width: 60%;padding-block: 100px;}
section.doctors h3{margin-bottom: 5px;font-size: 32px;font-family: "DM Sans", sans-serif;font-weight: 500;}
section.doctors div.doctors-grid{display: grid;grid-template-columns: 47.5% 47.5%;grid-column-gap: 5%;}
section.doctors div.doctors-grid h4{font-size: 18px;padding: 20px 0 15px 0;position: relative;text-transform: uppercase;font-family: "DM Sans", sans-serif;font-weight: 500;}
section.doctors div.doctors-grid p{padding: 10px 0 0 0;font-size: 12px;font-family: "DM Sans", sans-serif;font-weight: 800;}
section.doctors div.doctors-grid h4::after{content: '';position: absolute;bottom: 0;left: 0;background: #6366F1;height: 4px;width: 40px;}
section.doctors div.doctors-grid img{border-radius: 10px;width: 100%;}

section.faq{background-color: #F3F6FF;padding: 100px 0;} 
section.faq .faq-container{margin: auto;max-width: 1400px;padding-inline: 30px;max-width: 90%;}
section.faq h2{line-height: 1.2;}
section.faq h4{color: #757575;font-size: 15px;line-height: 1.45;font-family: "DM Sans", sans-serif;font-weight: 800;padding: 50px 0;}

.accordion {max-width: 750px;margin: 40px 0;background-color: #f5f6fb;}
.accordion-item {padding: 20px 30px;background-color: #fff;border-radius: 5px;margin-bottom: 20px;}
.accordion-header {background: none;border: none;outline: none; width: 100%;text-align: left;font-size: 16px;color: #111;cursor: pointer;font-family: "DM Sans", sans-serif;font-weight: 800;}
.accordion-content { max-height: 0;overflow: hidden;transition: max-height 0.4s ease, opacity 0.3s ease;opacity: 0;}
.accordion-content p {font-size: 14px;color: #757575;margin-top: 15px;line-height: 1.6;font-family: "DM Sans", sans-serif;font-weight: 800;}
.accordion-item.active .accordion-content {max-height: 400px;opacity: 1;}


section.services-container{display: grid;grid-template-columns: repeat(3, 30.67%);grid-column-gap: 4%;padding: 130px 30px;max-width: 80%;margin: auto;}
section.services-container h4{font-size: 24px;margin: 0 0 40px 0;font-family: "DM Sans", sans-serif;font-weight: 900;}
section.services-container p{font-size: 14px;font-family: "DM Sans", sans-serif;font-weight: 700;line-height: 1.45;color: #757575;}

section.cotact-us-container{max-width: 90%;position: relative;height: 500px;direction: rtl;}
div.cotact-us{width: fit-content;direction: ltr;;padding: 0 30px;}
div.cotact-us h3{font-size: 30px;line-height: 1.4;margin-bottom: 10px;}
div.cotact-us ul{margin-left: 10px;margin: 40px 0;}
div.cotact-us ul li{color: #565973;font-size: 15px;margin-bottom: 10px;}

/* footer */
footer {background-color: #444966;color: #fff;padding: 100px 7%;direction: rtl;font-family: "DM Sans", sans-serif;font-weight: 900;}
footer h4 {font-size: 14px;font-weight: 700;margin-bottom: 16px;direction: ltr;}
footer p,
footer table td,
footer li {font-size: 14px;color: #f1f1f1;line-height: 15px;direction: ltr;}
footer p{margin: 5px 0;}
footer p strong{line-height: 20px;display: inline-block;}
footer a:hover{text-decoration: underline;}
footer ul {list-style: none;padding: 0;margin: 0;}
.footer-top,
.footer-bottom {display: grid;grid-template-columns: repeat(3, 1fr);gap: 60px;max-width: 80%;}
footer .last-column a{margin: 0;display: block;}
footer hr {border: none;margin: 40px 0;}
.footer-column{direction: ltr;}
.footer-column a{font-size: 14px;font-weight: 900;color: #f1f1f1;margin: 0 0 5px 0;line-height: 15px;display: inline-block;}
footer .footer-logo{width: 150px;height: 100px;float: left;}
.rights-text{font-size: 15px;padding: 15px 0;margin: auto;max-width: 1400px;padding-inline: 30px;font-weight: 600;}
.subcategory-image-container{font-size: 0;height: 100%;width: 100%;}


/* static pages */
.static-container{max-width: 70%;margin: auto;padding: 50px 0;color: #757575;line-height: 1.45;}
.static-container h1{margin: 0 0 40px 0;font-size: 36px;color: #0a0a0a;}
.static-container h3{color: #0a0a0a;margin: 30px 0 20px 0;font-size: 24px;}
.static-container h4{color: #0a0a0a;font-size: 18px;margin: 10px 0;}
.static-container p{font-size: 14px;}
.static-container ul li{list-style-type: disc;list-style-position: inside;padding: 0 0 0 20px;}
.static-container table{margin: 10px 0;}

/* category */
section.category-page{padding: 50px 30px;}
section.category-page img.main-image{border-radius: 50px;height: 600px;width: 100%;}

/* subcategory */
.subcat-section,
section.subcategory-section {margin: 80px auto;}
section.subcategory-section h1{font-size: 60px;line-height: 1.4;margin: 0 0 30px 0;font-weight: 500;font-family: 'DM Sans';}
section.subcategory-section h4{font-size: 19px;line-height: 1.45;font-family: 'DM Sans';font-weight: 900;margin-bottom: 10px;}
section.subcategory-section p{font-size: 18px;line-height: 1.45;color: #666B68;font-family: 'DM Sans';font-weight: 500;}
section.subcategory-section .book-button{margin: 50px 0;}
section.subcategory-section .subcategory-image{height: fit-content;width: fit-content;border-radius: 50px;}
section.subcategory-section .subcategory-image img{height: 100%;border-radius: 50px;width: 100%;object-fit: contain;}
section.subcategory-section .images-grid{display: grid;grid-template-columns: 45% 45%;grid-column-gap: 10%;}
section.subcategory-section .images-grid img{border-radius: 50px;height: auto;}
section.subcategory-section .subcategory-container{display: grid;grid-template-columns: 45% 45%;grid-column-gap: 10%;align-items: end;}
section.subcategory-section .sub-container{margin: auto;max-width: 1250px;padding-inline: 30px;}
.sub-desc{width: 570px;}
.fl-rich-text p:first-child{margin-bottom: 10px;font-family: 'DM Sans';font-weight: 700;}
.sub-desc p:first-child{margin-bottom: 10px;}
.sub-desc h2,
.sub-desc h3{margin: 15px 0;font-family: 'DM Sans';font-weight: 700;}


/* Full-Screen Modal */
.modal {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;overflow-y: auto;background-color: rgba(0, 0, 0, 0.6);}
.modal-content {background: white;margin: 0;padding: 40px;width: 100%;height: 100%;box-sizing: border-box;overflow-y: auto;}
.close {transition: all 0.3s;position: absolute;top: 50px;right: 40px;font-size: 30px;cursor: pointer;color: #fff;background-color: #3a3a3a;border-radius: 100px;width: 25px;height: 25px;z-index: 5;align-items: center;display: flex;justify-content: center;}
.close:hover{background-color: #b53030;}
.doctors {flex-direction: column;display: flex;flex-wrap: wrap;gap: 40px;margin-top: 50px;}
.doctor h3{font-size: 18px;padding: 20px 0 15px 0;position: relative;}
.doctor h3::after {content: '';position: absolute;bottom: 0;left: 0;background: #6366F1;height: 4px;width: 40px;}
.doctor p{padding: 10px 0 30px 0;font-size: 12px;font-family: "DM Sans", sans-serif;font-weight: 800;}
.doctor img {border-radius: 10px;}
.modal-doctors{max-width: 85%;margin: auto;padding: 30px 0 0 0;}
.modal-doctors h2{font-size: 32px;font-family: "DM Sans", sans-serif;font-weight: 800;}
.modal-doctors .doctors{margin: auto;max-width: 60%;}
.modal-doctors .doctors-container{display: grid;grid-template-columns: 47.5% 47.5%;grid-column-gap: 5%;}

section.plan-section .plan-step.active .steps {bottom: 30px}
section.plan-section .plan-step.active .steps span {opacity: 1 !important;transform: translateY(0) !important;}

.kontakt-fixed-btn {position: fixed;bottom: 30px;right: 30px;background: #333851;color: #fff;padding: 12px 21px;font-size: 16px;border-radius: 50px;text-decoration: none;font-weight: 500;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);transition: all 0.2s ease;z-index: 9999;font-family: 'DM Sans';font-weight: 500;}
.kontakt-fixed-btn:hover {color:#23527c;}

.kontakt-fixed-btn {position: fixed;bottom: 30px;right: 30px;background: #262F4A;color: #fff;padding: 12px 22px;font-size: 16px;border-radius: 50px;text-decoration: none;font-weight: 500;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);transition: all 0.2s ease;z-index: 9999;}
.kontakt-fixed-btn:active {transform: translateY(2px)}

.kontakt-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.45);opacity: 0;pointer-events: none;transition: opacity .3s ease;z-index: 9998;}
.kontakt-modal {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(.95);width: 520px;background: #fff;padding: 22px;border-radius: 12px;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);opacity: 0;pointer-events: none;transition: all .3s ease;z-index: 9999;}
.kontakt-modal.active {opacity: 1;transform: translate(-50%, -50%) scale(1);pointer-events: auto;max-height: 85%;overflow: scroll;}
.kontakt-overlay.active {opacity: 1;pointer-events: auto;}
.kontakt-modal-header {display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.kontakt-modal-header h2{font-size: 30px;line-height: 1.4;letter-spacing: 0px;}
.kontakt-modal .form-fields{margin-top: 10px;font-family: "DM Sans", sans-serif;font-weight: 800;}
.kontakt-modal strong{display: block;max-width: 100%;margin-bottom: 5px;font-weight: 700;color: #757575;font-size: 14px;}
.kontakt-modal select{width: 100%;padding: 8px;margin-top: 6px;border: 1px solid #ccc;border-radius: 6px;box-sizing: border-box;font-size: 15px;font-family: inherit;color: #757575;font-family: "DM Sans", sans-serif;font-weight: 800;}
.kontakt-modal select option{font-size: 15px;color: #757575;font-family: "DM Sans", sans-serif;font-weight: 800;}
.close-kontakt {cursor: pointer;position: absolute;right: 12px;top: 10px;font-size: 32px;line-height: 20px;color: #757575;font-family: "DM Sans", sans-serif;font-weight: 800;padding: 0;word-wrap: break-word;}
.kontakt-form-block {display: none;}
.kontakt-form-block p{color: #757575;font-family: "DM Sans", sans-serif;font-weight: 800;font-size: 14px;line-height: 1.45;font-style: normal;padding: 0;word-wrap: break-word;margin-top: 12px;margin-bottom: 6px;display: block;}
.form-title {font-size: 24px;margin-bottom: 10px;padding-top: 25px;}
.form-row {display: flex;gap: 8px;;margin-bottom: 0;}
.form-group {width: 100%;;display: flex;flex-direction: column;margin-bottom: 10px;}
.form-group label {font-size: 14px;font-weight: 600;margin-bottom: 6px;color: #757575;font-family: "DM Sans", sans-serif;font-weight: 800;}
.form-input,
.form-textarea {padding: 8px;border: 1px solid #d8d8d8;background-color: #fcfcfc;color: #757575;border-radius: 3px;font-size: 14px;outline: none;transition: border 0.2s;font-weight: 800;}
.form-input:focus,
.form-textarea:focus {border-color: #2d63c8;}
.form-textarea {height: 120px;resize: none;}
.form-checkbox {display: flex;align-items: center;gap: 5px;margin-top: 22px;margin-bottom: 10px;color: #757575;font-size: 14px;font-weight: 800;}
.form-checkbox input {width: 16px;height: 16px;}
.form-checkbox label a {font-weight: 700;color: #003c40;}
.submit-btn {width: 100%;padding: 11px 0;font-size: 14px;background: #333851;color: white;border: none;margin-top: 5px;border-radius: 5px;cursor: pointer;display: inline-block;text-align: center;font-family: 'DM Sans';font-weight: 900;}
#form-message,
#message-rueckruf,
#message-kontakt {font-size: 14px;padding: 6px 0;}
.msg-success { color: green; }
.msg-error { color: red; }

@media (min-width:1201px) and (max-width:1360px) {
    section.aesthetics-category h2{font-size: 58px;}
    .subcategories-grid .subcategory-header p{font-size: 17px;}
}
@media (min-width:961px) and (max-width:1200px) {
    section.aesthetics-category h2{font-size: 48px;}
    .subcategories-grid .subcategory-header p {font-size: 14px;}
    .subcategories-grid .subcategory-header{left: 20px;}
    section.medicine-category h2{font-size: 45px;}
}
@media (min-width:541px) and (max-width:960px) {
    section.plan-section .plan-step:hover,
    section.plan-section .plan-step:not(:last-child):hover,
     section.plan-section .plan-step:last-child:hover {flex: 1 1 24.5% !important;width: initial !important;}
    section.plan-section .plan-step:hover {width: 100%;}
    section.plan-section .plan-step .steps span {opacity: 0;transform: translateY(180px);}
    section.plan-section .plan-step:active .steps,
    section.plan-section .plan-step:last-child:active .steps {bottom: -60px !important;}
    section.plan-section .plan-step:active .steps span,
    section.plan-section .plan-step:last-child:active .steps span,
    section.plan-section .plan-step:active .steps .wrapper>span,
    section.plan-section .plan-step:last-child:active .steps .wrapper>span {
        transform: translateY(100%) !important;
        opacity: 0 !important;
    }
}
@media (min-width:769px) and (max-width:960px) {
    section.aesthetics-category h2{font-size: 40px;}
    .subcategories-grid .subcategory-header p {font-size: 15px;}
    .subcategories-grid .subcategory-header{left: 20px;}
    section.medicine-category h2{font-size: 36px;}
}
@media screen and (max-width : 1090px) {
    section.subcategory-section h1{font-size: 52px;}
}
@media screen and (max-width : 1060px) {
    footer table tr td:last-child{font-size: 12px;}
}

@media screen and (max-width : 992px) {
    section div.homepage-grid h1{font-size: calc(16px + 3vw);}
    .modal-doctors h2{font-size: calc(16px + 3vw);}
}

@media screen and (max-width : 960px) {
    .header-container{padding: 0 18px;}
    section.plan-section .plan-container,
    section.faq .faq-container,
    div.cotact-us,
    .main-container{padding-inline: 18px !important;}
    section.team-section .team-grid,
    section.doctors div.doctors-grid,
    section.plan-section .plan-grid{display: block;}
    section.medicine-category{padding: 40px 0 !important;}
    section div.homepage-grid p{display: block;}
    section div.homepage-grid{max-width: 100%;display: block;margin: 50px auto 100px auto;}
    section.cotact-us-container{max-width: 100%;height: 380px;margin-top: 50px;direction: ltr;}
    section div.homepage-grid h1{margin-top: 40px;}
    header .logo img{width: 100px;height: 70px;}
    header nav,
    header .book-button,
    section.category-page img.main-image,
    section div.homepage-grid .results{display: none;}
    section div h2{font-size: 25px;line-height: 30px;margin-bottom: 15px;}
    section.team-section .team-description {padding: 50px 18px;border-radius: 0;}
    section.category-page .team-description {padding: 50px 0;}
    section.plan-section .plan-step{width: 100%;margin-bottom: 10px;height: 300px;}
    .kontakt-fixed-btn{right: 18px;bottom: 18px;}
    .kontakt-modal{max-width: 78%;}
    .form-row{display: block;}
    footer .footer-logo{display: none;}
    section.doctors{max-width: 100%;padding-block: 0 50px;}
    section.doctors div.doctors-grid>div{margin-bottom: 50px;}
    section.faq{padding: 20px 0;}
    section.services-container{padding: 30px 20px 80px 20px;max-width: 100%;}
    section.services-container>div{padding: 30px 0 0 0;}
    section.services-container h4{margin: 0 0 20px 0;}
    .footer-bottom,
    .footer-top{max-width: 100%;display: flex;flex-direction: column-reverse;}
    section.plan-section h2{font-size: 45px !important;margin-bottom: 40px;}
    section.aesthetics-category{padding: 30px 0;max-width: 100%;padding-inline: 18px !important;}
    .subcat-section  section.aesthetics-category {padding-inline: 0 !important;}
    section .subcategories-grid a{width: 100%;margin-bottom: 20px;height: fit-content;}
    section .subcategories-grid a:last-child{margin-bottom: 0;}
    section.plan-section{padding: 30px 0;}
    section.doctors h3{font-size: 27px;margin-bottom: 0px;}
    section.faq h2{font-size: 42px !important;padding-top: 20px;}
    section.team-section .team-grid{padding: 20px 0 !important;max-width: 100%;width: 100%;margin: 20px auto 0 auto;}
    .team-image{padding: 0 18px !important;}
    .team-grid .team-image{margin-bottom: 20px;}
    .category-team .team-image{padding: 0 !important;}
    section.faq h4{padding: 25px 0 50px 0;}
    .menu-btn{display: auto;}
    header{padding: 10px 0;}
    header .logo{display: flex;align-items: center;justify-content: space-between;position: initial;transform: none;width: 100%;}
    .menu-btn {width: 70px;height: 70px;background: #434864;border-radius: 50%;border: none;cursor: pointer;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;}
    .menu-btn span {width: 25px;height: 2px;background: #fff;border-radius: 4px;display: block;}

    .fullscreen-menu-container{overflow: auto;bottom: 0;left: 0;position: fixed;z-index: 11;right: 0;top: 0;height: 100%;background-color: #fff;}
    .fullscreen-menu {height: 100%;width: calc(100% - 80px);background: white;padding: 40px;transition: transform 0.4s ease;display: block;transform: translateX(100%);margin: auto;z-index: 10;position: relative;}
    .open {transform: translateX(0);}
    .close-menu {position: absolute;top: 20px;left: 20px;background: none;border: none;font-size: 25px;cursor: pointer}
    .menu-content {margin-top: 60px;}
    .menu-logo {display: block;margin: 0 auto 70px auto;width: 250px;}
    .section {margin-bottom: 10px;}
    .title-row {display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
    .title-row h2 {font-size: 25px;margin: 0;}
    .toggle {font-size: 32px;cursor: pointer;}
    .submenu {list-style: none;padding: 0;margin-top: 20px;display: none;}
    section.subcategory-section .subcategory-container{flex-direction: column-reverse;display: flex;}
    section.subcategory-section .images-grid,
    .benefits,
    .submenu.open {display: block;}
    .submenu li {font-size: 16px;margin-bottom: 15px;}
    .location{font-size: 20px;color: #757575;font-weight: 600;margin-top: 40px;}
    .location p:first-child{margin-bottom: 10px;}
    .location p:last-child{margin-bottom: 45px;}
    section.subcategory-section .subcategory-image{width: 100%;}
    section.subcategory-section h1{font-size: 30px;margin: 40px 0 15px 0;}
    .static-container{max-width: 100%;}
    section.subcategory-section .sub-container{max-width: 100%;padding-inline: 0;}
    .sub-desc {max-width: 100%;}
    .static-container h1{font-size: 33px;}
    section.subcategory-section .images-grid img{width: 100%;height: auto;margin-bottom: 35px;}
    .subcategory-content {margin-left: 0}
    .subcategory-block .content-images img{width: 200px;height: 140px;margin-left: 30px;}
    .subcategory-section .review p{font-size: 25px;}
    .benefits h3{margin-top: 50px;font-size: 30px;}
    section.plan-section h2{font-size: 30px !important;}
    .benefits{margin: 0;padding-inline: 0;}
    .benefits ul{max-width: 100%;}
    .rights-text,
    .category-team{padding-inline: 18px;}

    section.subcat-section,
    section.subcategory-section{margin: 40px auto;}
    .subcategory-section .review h4{margin-bottom: 40px;}
    .subcategory-section .review{margin: 50px 0;margin-left: 20px;;}
    section.team-section .team-description h2{font-size: 42px;line-height: 45px;}
    section.category-page{padding: 0 !important;}
    .top-section{margin-bottom: 70px !important;}
    .section-margin{margin-top: 140px !important;}
    .category-page section.medicine-category,
    .homepage-medicine .medicine-category{padding-inline: 18px !important;}
    .section-margin section.medicine-category{padding-inline: 0px !important;}
    .sub-desc h2{color: #000;margin: 0 18px;}
    .subcategory-block ol,
    .subcategory-block ul,
    .more-space,
    section.subcategory-section p{margin: 0 18px;}
    .sub-desc h3{margin: 15px 18px;font-family: 'DM Sans';font-weight: 700;}
    .sub-container .subcategory-container{padding-inline: 18px;}
    section.subcategory-section .subcategory-container p{margin: 0;}


    section.subcategory-section .subcategory-image img{height: 300px;object-fit: cover;}
    .sub-desc{width: 100%;}

}
@media (max-width: 900px) {
    .footer-top,
    .footer-bottom {grid-template-columns: 1fr;gap: 30px;}
    footer {padding: 40px 20px;}
}
@media screen and (max-width:768px) {
    section.medicine-category{display: flex;flex-direction: column-reverse;}
    section.medicine-category h2 {font-size: 42px !important;margin-bottom: 40px;}
     section.aesthetics-category h2 {font-size: 45px !important;margin-bottom: 40px;}
    .modal-doctors .doctors-container,
    section.aesthetics-category,
    .subcategory-section .review,
    section.services-container{display: block;}
    .modal-doctors .doctors{max-width: 100%;}
    .modal-doctors{padding: 0;}
    .subcategory-block .content-images> div{width: 200px;height: auto;}
    .subcategory-block .content-images div:last-of-type{display: none;}
    }
@media (min-width:769px) and (max-width:990px) {
    section.services-container {display: grid;grid-template-columns: repeat(2, 48%);grid-template-columns: 1fr 1fr;grid-template-areas:"first first""second third";}
    section.services-container>div:nth-child(1) {grid-area: first; }
    section.services-container>div:nth-child(2) {grid-area: second;}
    section.services-container>div:nth-child(3) {grid-area: third;}
    .subcategory-block .content-images>div {width: fit-content;}
}
@media (min-width:540px) and (max-width:960px) {
    section .subcategories-grid {grid-template-columns: repeat(2, 1fr);grid-column-gap: 24px;grid-row-gap: 24px;}
    .subcat-section section.aesthetics-category{margin-bottom: 150px;}
}


@media screen and (max-width:540px){
    section .subcategories-grid{display: block;}
    .modal-doctors .doctors-container .doctor:last-child{margin-top: 50px;}
    section.plan-section .plan-step,
    .subcategories-grid a .image-container{margin-right: 20px;}
    .homepage-medicine .medicine-category,
    section.aesthetics-category {padding-inline: 0 !important;margin-left: 18px;}
    .category-page section.medicine-category {padding: 40px 0 40px 18px !important;}
    .subcat-section section.aesthetics-category{margin-left: 0 !important;}
    section.plan-section .plan-container {padding-inline: 0 !important;padding: 0;margin-left: 18px;overflow: initial;max-width: 100% !important;}

    section.plan-section .plan-step{height: 400px;}
    section.plan-section .plan-step .steps .wrapper{overflow: initial;}
    section.plan-section .plan-step .steps{bottom: initial;right: 15px;left: 15px;}
    section.plan-section .plan-step .steps .wrapper>span{opacity: 1;transform: none;}

        
}