@charset "UTF-8"; @import url("./cdrstrap.css"); @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); * { margin: 0; padding: 0; box-sizing: border-box; transition: all 0.5s ease-in-out; font-family: "Raleway", serif; } body { background-color: #efefef; } ul { list-style: none; } a { text-decoration: none; } ::-webkit-scrollbar { width: 5px; } /* Track */ ::-webkit-scrollbar-track { background: rgb(0, 0, 0); } /* Handle */ ::-webkit-scrollbar-thumb { background: #ffffff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; border-radius: 2px; /* Handle on hover */ } ::-webkit-scrollbar-thumb:hover { background: #75271b; } .mm-menu.mm-theme-dark { background-color: #75271b; z-index: 9999; } .mm-menu.mm-offcanvas { z-index: 999 !important; } .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar .mm-prev:not(.mm-close) { background: #ffffff !important; } .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-navbar .mm-btn.mm-prev::before { border-color: #ffffff; } .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-navbar .mm-btn.mm-close::before { border-color: #ffffff; } .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-navbar .mm-btn.mm-close::after { border-color: #ffffff; } .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar .mm-close:not(.mm-prev) { background: #ffffff !important; } .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > * { border: 2px solid #ffffff; } .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > .mm-close { border: 2px solid #ffffff; } .mm-listview > li:not(.mm-divider):after { background-color: rgba(255, 255, 255, 0.5); } .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) { font-size: 16px; color: #ffffff; } @media (max-width: 1280px) { .mm-panel.mm-opened .mm-listview .social-link { display: flex; align-items: center; justify-content: center; gap: 10px; } .mm-panel.mm-opened .mm-listview .social-link li a i { font-size: 24px; } } @media (max-width: 400px) { .mm-panel.mm-opened .mm-listview .social-link { display: flex; align-items: center; justify-content: center; gap: 8px; } .mm-panel.mm-opened .mm-listview .social-link li a i { font-size: 24px; } } @media (max-width: 360px) { .mm-panel.mm-opened .mm-listview .social-link { display: flex; align-items: center; justify-content: center; gap: 0 !important; } .mm-panel.mm-opened .mm-listview .social-link li a i { font-size: 24px; } } #mm-blocker { z-index: 11; } .mm-clear:before, .mm-close:before { right: 1px; } @media (max-width: 1024px) { .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) { display: flex; justify-content: start; align-items: center; gap: 10px; } .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) i { font-size: 24px; } } @media (max-width: 1024px) and (max-width: 400px) { .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) i { font-size: 22px; } } @media (max-width: 1024px) { .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) img.header-home-img { height: 25px; } .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) img { height: 20px; } } .web-none { display: none; } @media (max-width: 1024px) { .web-none { display: block; } } .mobil-none { display: block; } @media (max-width: 1024px) { .mobil-none { display: none; } } header { width: 100%; display: flex; flex-direction: column; margin: 0 auto; position: sticky; z-index: 10; background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } header .top { width: 100%; background: #0d4b9f; } header .top .top-nav { width: 100%; min-height: 39px; display: flex; justify-content: space-between; align-items: center; color: #ffffff; } @media (max-width: 1024px) { header .top .top-nav { display: none; } } header .top .top-nav .top-mail { width: 33.3%; display: flex; justify-content: start; gap: 10px; } header .top .top-nav .top-mail .mail { display: flex; justify-content: start; width: 100%; align-items: center; gap: 5px; color: #ffffff; font-size: 13px; } header .top .top-nav .top-mail .mail img { height: 18px; } header .top .top-nav .top-mail .mail span { font-size: 13px; line-height: 16px; } header .top .top-nav .top-sosyal { display: flex; justify-content: center; gap: 10px; } header .top .top-nav .top-sosyal a { padding: 0; margin: 0; max-height: 20px; display: flex; justify-content: end; align-items: center; } header .top .top-nav .top-sosyal a img { height: 20px; } header .top .top-nav .top-sosyal a span { font-size: 13px; margin: 0; padding: 0 0 0 10px; color: #ffffff; } header .bottom { width: 100%; } header .bottom nav { position: relative; } @media (max-width: 600px) { header .bottom nav { border-top: none; } } header .bottom nav .max-width { display: flex; justify-content: space-between; align-items: center; height: 90px; } @media (max-width: 1280px) { header .bottom nav .max-width { padding-left: 0 !important; padding-right: 0 !important; } } header .bottom nav .max-width a { cursor: pointer; } header .bottom nav .max-width a.logo { height: 100%; width: auto; padding: 10px 0; z-index: 2; position: relative; display: flex; justify-content: center; align-items: center; } @media (max-width: 1280px) { header .bottom nav .max-width a.logo { padding: 0 0 0 25px; } } @media (max-width: 600px) { header .bottom nav .max-width a.logo { padding: 0 0 0 10px; } } @media (max-width: 500px) { header .bottom nav .max-width a.logo { padding: 0 0 0 15px; } } header .bottom nav .max-width a.logo img { max-height: 40px; height: 100%; width: auto; } @media (max-width: 600px) { header .bottom nav .max-width a.logo img { height: 55px; } } @media (max-width: 400px) { header .bottom nav .max-width a.logo img { height: 50px; } } @media (max-width: 360px) { header .bottom nav .max-width a.logo img { height: 45px; } } header .bottom nav .max-width .right { background-color: #fff; display: flex; justify-content: end; align-items: center; width: calc(100% - 200px); gap: 30px; } header .bottom nav .max-width .right ul { display: flex; justify-content: end; align-items: center; gap: 26px; width: 100%; } @media (max-width: 1280px) { header .bottom nav .max-width .right ul { display: none; } } header .bottom nav .max-width .right ul li { color: #000000; font-weight: 400; position: relative; line-height: 25px; padding: 10px 0; } header .bottom nav .max-width .right ul li.web-none { display: none; } @media (max-width: 1280px) { header .bottom nav .max-width .right ul li.web-none { display: unset; } } header .bottom nav .max-width .right ul li.margin-right-minus { margin-right: -17px !important; } header .bottom nav .max-width .right ul li.social-link { display: flex; justify-content: center; align-items: center; } @media (min-width: 1280px) { header .bottom nav .max-width .right ul li.social-link a { width: 34px; height: 34px; border: 1px solid rgb(67, 67, 67); border-radius: 50%; margin-right: 5px; } header .bottom nav .max-width .right ul li.social-link a.wplogo { background-color: #25d165 !important; color: #FFFFFF; } } @media (min-width: 1280px) { header .bottom nav .max-width .right ul li.social-link a.web-none { display: none; } } header .bottom nav .max-width .right ul li.social-link a img { border-radius: 50%; } header .bottom nav .max-width .right ul li.social-link a i { font-size: 26px; width: 34px; height: 34px; display: flex !important; justify-content: center; align-items: center; padding-left: 2px; } header .bottom nav .max-width .right ul li.main-li:hover:not(.social-link) > a:before { width: calc(50% + 10px); height: 2px; } header .bottom nav .max-width .right ul li.main-li:hover:not(.social-link) > a:after { width: calc(50% + 10px); } header .bottom nav .max-width .right ul li:hover a { color: #ffffff; } header .bottom nav .max-width .right ul li:hover ul { padding: 10px 15px; } header .bottom nav .max-width .right ul li:hover ul.altmenu { opacity: 1; visibility: visible; width: fit-content; overflow: unset; animation: alt-menu-onhover 0.5s ease-in-out; top: 45px; border-radius: 5px; padding: 0; } header .bottom nav .max-width .right ul li:hover ul.altmenu li { padding: 10px; } header .bottom nav .max-width .right ul li:hover ul.altmenu li img { width: 20px; height: 20px; opacity: 1; visibility: visible; } header .bottom nav .max-width .right ul li:hover ul.altmenu li a { padding: 0 10px; font-weight: 600; } header .bottom nav .max-width .right ul li.social-link:hover ul { margin-top: 0; } header .bottom nav .max-width .right ul li.social-link:hover ul.altmenu li { padding: 10px; } header .bottom nav .max-width .right ul li.social-link:hover ul.altmenu li a { padding: 0; } header .bottom nav .max-width .right ul li.social-link:hover ul.altmenu li:hover a { color: #ffffff; } header .bottom nav .max-width .right ul li.social-link:hover ul.altmenu li:hover a span { color: #ffffff; } header .bottom nav .max-width .right ul li.main-li.header-etiket { display: flex; justify-content: start; align-items: center; gap: 5px; } header .bottom nav .max-width .right ul li.main-li.header-etiket .katalog { background-color: #000000; padding: 0 10px; } header .bottom nav .max-width .right ul li.main-li.header-etiket .katalog:hover { background-color: #ffffff; } header .bottom nav .max-width .right ul li.main-li.header-etiket .katalog a { color: #ffffff; } header .bottom nav .max-width .right ul li.main-li.header-etiket .katalog a:before { width: 0; height: 0; background-color: transparent; } header .bottom nav .max-width .right ul li.main-li.header-etiket .katalog a:after { width: 0; height: 0; background-color: transparent; } header .bottom nav .max-width .right ul li.main-li.header-etiket .teklif-al { background-color: #ffffff; padding: 0 10px; } header .bottom nav .max-width .right ul li.main-li.header-etiket .teklif-al:hover { background-color: #575757; } header .bottom nav .max-width .right ul li.main-li.header-etiket .teklif-al a { color: #ffffff; } header .bottom nav .max-width .right ul li.main-li.header-etiket .teklif-al a:before { width: 0; height: 0; background-color: transparent; } header .bottom nav .max-width .right ul li.main-li.header-etiket .teklif-al a:after { width: 0; height: 0; background-color: transparent; } header .bottom nav .max-width .right ul li a { color: rgb(67, 67, 67); font-weight: 700; font-size: 18px; line-height: 34px; letter-spacing: 1px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } header .bottom nav .max-width .right ul li a:before { content: ""; position: absolute; right: -10px; width: 0; height: 1px; bottom: 12px; background-color: #ffffff; transform: scaleX(1); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } @media (max-width: 678px) { header .bottom nav .max-width .right ul li a:before { content: ""; position: absolute; bottom: -10px; width: 0; height: 1px; bottom: 12px; background-color: #ffffff; transform: scaleY(1); } } header .bottom nav .max-width .right ul li a:after { content: ""; position: absolute; left: -10px; width: 0%; height: 2px; background-color: #ffffff; bottom: 12px; transform: scaleX(1); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } @media (max-width: 678px) { header .bottom nav .max-width .right ul li a:after { content: ""; position: absolute; top: -10px; width: 0%; height: 2px; background-color: #ffffff; bottom: 12px; transform: scaleY(1); } } header .bottom nav .max-width .right ul li ul.altmenu { animation: alt-menu-outhover 0.5s; opacity: 0; visibility: hidden; position: absolute; background: #EAEAEA; top: 25px; left: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: start; z-index: 3; width: 0; min-width: 0; overflow: hidden; gap: 0; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; } header .bottom nav .max-width .right ul li ul.altmenu li { width: 100%; min-height: 39px; max-height: 39px; height: max-content; display: flex; justify-content: start; align-items: center; background: #fdfdfd; color: rgb(67, 67, 67); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } header .bottom nav .max-width .right ul li ul.altmenu li:nth-last-child(1) { border-bottom: none; } header .bottom nav .max-width .right ul li ul.altmenu li:hover { background-color: #ffffff; } header .bottom nav .max-width .right ul li ul.altmenu li:hover a { color: #ffffff; } header .bottom nav .max-width .right ul li ul.altmenu li img { width: 0; height: 0; opacity: 0; visibility: hidden; } header .bottom nav .max-width .right ul li ul.altmenu li a { color: rgba(0, 0, 0, 0.82); width: 100%; font-size: 15px; font-weight: 500; line-height: 20px; justify-content: flex-start; white-space: nowrap; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } header .bottom nav .max-width .right a { text-decoration: none; color: rgb(67, 67, 67); display: flex; justify-content: center; align-items: center; gap: 3px; } header .bottom nav .max-width .right a.lang-link img { margin: 0; width: 18px; height: 18px; opacity: 0.73; } header .bottom nav .max-width .right a.lang-link span { font-size: 18px; line-height: 28px; color: rgb(67, 67, 67); font-weight: 700; } header .bottom nav .max-width #close { display: none; color: #ffffff; right: 0; font-size: 24px; margin: 0 25px 0 0; } @media (max-width: 767px) { header .bottom nav .max-width #close { margin: 0 15px 0 0; } } @media (max-width: 1280px) { header .bottom nav .max-width #close { display: block !important; color: #000000; } header .bottom nav .max-width #close i { font-size: 32px; background: #ffffff; color: rgb(27, 83, 174); width: 40px; display: flex; height: 40px; justify-content: center; align-items: center; } } @media (max-width: 500px) { header .bottom nav .max-width #close i { font-size: 40px; } } header .bottom nav .max-width #close .bar { width: 35px; max-height: 30px; height: 30px; display: flex; justify-content: space-around; align-items: center; flex-direction: column; gap: 4px; } header .bottom nav .max-width #close .bar .line { width: 100%; height: 4px; background-color: #ffffff; } .owl-carousel .item img.web-slider { display: block !important; } .owl-carousel .item img.mobil-slider { display: none !important; } @media (max-width: 768px) { .owl-carousel .item img.web-slider { display: none !important; } .owl-carousel .item img.mobil-slider { display: block !important; } } .main-space { margin-top: 55px !important; margin-bottom: 65px !important; } @media (max-width: 500px) { .main-space { margin-top: 30px !important; margin-bottom: 30px !important; } } .max-width { max-width: 1440px !important; margin: 0 auto; padding-left: 25px !important; padding-right: 25px !important; } @media (max-width: 768px) { .max-width { padding-left: 10px !important; padding-right: 10px !important; } } .content-space { padding: 55px 0 65px 0; } @keyframes alt-menu-onhover { from { opacity: 0; visibility: hidden; } to { opacity: 1; visibility: visible; } } @keyframes alt-menu-outhover { from { opacity: 1; visibility: visible; } to { opacity: 0; visibility: hidden; } } .yuzenalan { display: none; } @media only screen and (max-width: 500px) { .yuzenalan { position: fixed; right: 0; bottom: 0; height: 90px; width: 100%; background-image: url(../../images/user/site/yuzalan.png); z-index: 999; background-size: 100%; background-repeat: no-repeat; display: flex; justify-content: start; align-items: start; gap: 0; } } @media only screen and (max-width: 460px) { .yuzenalan { height: 75px; } } @media only screen and (max-width: 375px) { .yuzenalan { height: 72px; } } @media only screen and (max-width: 360px) { .yuzenalan { height: 62px; } } .yuzenalan #whatsapp-message { max-width: 30%; width: 100%; display: block; height: 75px; } .yuzenalan #callPhone { max-width: 30%; width: 100%; display: block; height: 75px; } .yuzenalan #yuzenRandevu { max-width: 40%; width: 100%; display: block; height: 75px; } .yuzenalan2 { display: none; } @media only screen and (max-width: 460px) { .yuzenalan2 { display: block; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 15px; z-index: 90; } } @media only screen and (max-width: 375px) { .yuzenalan2 { display: block; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 5px; z-index: 90; } } .sabit-randevu-al { position: fixed; right: -1px; top: calc(50% - 122px); padding: 15px 0; display: block; z-index: 9; cursor: pointer; border-top-left-radius: 6px; border-bottom-left-radius: 6px; transition: all cubic-bezier(0.42, 0, 0.17, 1.03) 0.6s; background-color: rgb(27, 83, 174); width: 50px; } @media only screen and (max-width: 768px) { .sabit-randevu-al { display: none !important; } } .sabit-randevu-al a { text-decoration: none; color: #ffffff; } .sabit-randevu-al a img { height: 228px; width: auto; } @media (max-width: 425px) { .mobil-yuzen-alan { height: 82px !important; } } @media (max-width: 375px) { .mobil-yuzen-alan { height: 72px !important; } } @media (max-width: 320px) { .mobil-yuzen-alan { height: 62px !important; } } @media (max-width: 500px) { header nav .max-width { justify-content: center; } .mobil-yuzen-alan { opacity: 1; visibility: visible; height: 90px; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; background-size: cover; display: flex; justify-content: center; align-items: flex-end; gap: 20px; z-index: 1000; } .mobil-yuzen-alan a { height: 90px; width: calc((100% - 40px) / 3); } } .sabitheader { position: fixed; top: 0; background-color: rgb(255, 255, 255); transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; } .sabitheader .bottom nav .max-width a.logo img.logo { padding-top: 0; position: static; } .breadcrumb { background-color: rgb(27, 83, 174); color: #FFFFFF; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px; padding-block: 15px; font-family: "Akhand", sans-serif; letter-spacing: 1.3px; border-top: 1px solid #ffffff; } .breadcrumb .breadcrumb-list { font-size: 20px; line-height: 28px; color: #FFFFFF; } .breadcrumb .breadcrumb-list i { width: 16px; height: 16px; font-size: 16px; color: #FFFFFF; } .breadcrumb .breadcrumb-list i.homepage-icon { width: 22px; height: 22px; font-size: 22px; } .breadcrumb .breadcrumb-list a { font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.85); } .current { color: #f7c000; font-weight: bold; font-family: "Akhand Extrabold", sans-serif; } .not-found { display: flex; justify-content: center; align-items: center; padding-bottom: 20px; width: 100%; background-size: auto 100%; background-position: center; background-repeat: no-repeat; min-height: 768px; } @media (max-width: 1024px) { .not-found { min-height: 600px; } } .not-found h1 { width: 100%; display: flex; justify-content: center; align-items: center; font-size: 22px; color: #000; font-weight: bold; padding-top: 75px; } .anasayfa-randevu-al { width: 100%; display: flex; justify-content: start; align-items: stretch; gap: 0; border-top: 3px solid #ffffff; } @media (max-width: 2560px) { .anasayfa-randevu-al { background-image: url("../../images/user/site/randevu.jpg"); } } @media (max-width: 768px) { .anasayfa-randevu-al { flex-wrap: wrap; } } .anasayfa-randevu-al .left { max-width: 50%; width: 100%; background-image: url("../../images/user/site/randevu-sol.jpg"); background-repeat: no-repeat; background-size: auto 100%; padding-left: calc((100% - 1440px) / 2); display: flex; justify-content: start; align-items: center; } @media (max-width: 768px) { .anasayfa-randevu-al .left { max-width: 100%; background-size: 100%; } } @media (max-width: 500px) { .anasayfa-randevu-al .left { background-size: auto 100%; } } .anasayfa-randevu-al .left .text { padding-left: 25px; padding-right: 25px; width: 100%; text-align: justify; color: #ffffff; font-size: 13px; } .anasayfa-randevu-al .left .text h2 { padding-bottom: 10px; font-size: 30px; } @media (max-width: 500px) { .anasayfa-randevu-al .left .text h2 { text-align: start; } } .anasayfa-randevu-al .left .text p { font-size: 18px; line-height: 26px; } .anasayfa-randevu-al .right { max-width: 50%; width: 100%; background-size: auto 100%; background-image: url("../../images/user/site/randevu-sag.jpg"); background-repeat: no-repeat; padding-right: calc((100% - 1440px) / 2); } @media (max-width: 768px) { .anasayfa-randevu-al .right { max-width: 100%; } } .anasayfa-randevu-al .right form { padding-right: 25px; width: 100%; display: flex; justify-content: end; align-items: center; gap: 15px; flex-wrap: wrap; } @media (max-width: 768px) { .anasayfa-randevu-al .right form { padding-left: 25px; } } .anasayfa-randevu-al .right form input, .anasayfa-randevu-al .right form select { max-width: calc((80% - 15px) / 2); width: 100%; } @media (max-width: 768px) { .anasayfa-randevu-al .right form input, .anasayfa-randevu-al .right form select { max-width: calc((100% - 15px) / 2); } } @media (max-width: 500px) { .anasayfa-randevu-al .right form input, .anasayfa-randevu-al .right form select { max-width: 100%; } } .anasayfa-randevu-al .right form .input-bilgilendirme { max-width: 80%; } @media (max-width: 768px) { .anasayfa-randevu-al .right form .input-bilgilendirme { max-width: 100%; display: flex; justify-content: center; align-items: start; } } .anasayfa-randevu-al .right form .input-bilgilendirme input[type=checkbox] { max-width: 15px; } .anasayfa-randevu-al .right form .submit-center { width: 80%; display: flex; justify-content: center; align-items: center; } @media (max-width: 768px) { .anasayfa-randevu-al .right form .submit-center { width: 100%; } } input { font-size: 14px; line-height: 24px; padding: 10px 20px; min-height: 44px; max-height: 44px; } input[type=checkbox] { max-height: 15px; min-height: 15px; max-width: 15px; min-width: 15px; } input[type=submit] { background-color: rgb(27, 83, 174); color: #ffffff; border: none; font-size: 20px; font-weight: bold; } input[type=submit]:hover { cursor: pointer; } input:focus-visible { outline: unset; } select { font-size: 14px; line-height: 24px; padding: 10px 20px; min-height: 44px; max-height: 44px; } .input-bilgilendirme { width: 100%; display: flex; justify-content: start; align-items: start; gap: 7px; } .input-bilgilendirme input[type=checkbox] { max-width: 15px; } .input-bilgilendirme label { color: #000000; } .input-bilgilendirme label a { color: rgb(27, 83, 174); font-weight: 600; } textarea { font-size: 14px; line-height: 24px; padding: 10px 20px; width: 100%; } textarea:focus-visible { outline: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .anasayfa-h2 { font-size: 40px; font-weight: 900; line-height: 40px; color: rgb(67, 67, 67); position: relative; padding-bottom: 30px; } .anasayfa-h2:before { content: ""; position: absolute; height: 10px; width: 50px; background-color: #ffffff; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 10px; } .tumunu-incele { font-size: 18px; line-height: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; color: rgb(67, 67, 67); } .anasayfa-tedavi-alanlari { background-image: url("../../images/user/site/tedavi_alanlari.jpg"); background-size: 100%; background-position: top left; } .anasayfa-tedavi-alanlari .max-width { display: flex; justify-content: start; align-items: center; gap: 30px; flex-direction: column; } .anasayfa-tedavi-alanlari .max-width p { text-align: justify; font-size: 14px; line-height: 22px; font-weight: 500; } @media (max-width: 768px) { .anasayfa-tedavi-alanlari .max-width { padding-right: 15px !important; padding-left: 15px !important; } } .anasayfa-tedavi-alanlari.haberler-blog { background-image: none; background-color: #ffffff; } .tedavi-alanlari { display: flex; justify-content: start; align-items: stretch; gap: 25px; width: 100%; flex-wrap: wrap; } .tedavi-alanlari.digerleri .tedavi { max-width: calc((100% - 75px) / 4); } @media (max-width: 1024px) { .tedavi-alanlari.digerleri .tedavi { max-width: calc((100% - 50px) / 3); } } @media (max-width: 850px) { .tedavi-alanlari.digerleri .tedavi { max-width: calc((100% - 25px) / 2); } } @media (max-width: 500px) { .tedavi-alanlari.digerleri .tedavi { max-width: 100%; } } .tedavi-alanlari.digerleri .tedavi .text { padding: 0 10px 10px 10px; } .tedavi-alanlari.digerleri .tedavi .text h2, .tedavi-alanlari.digerleri .tedavi .text h3 { font-size: 20px; line-height: 28px; } .tedavi-alanlari.digerleri .tedavi:hover .text .buttons .randevu-al-button, .tedavi-alanlari.digerleri .tedavi:hover .text .buttons .incele { font-size: 14px; line-height: 14px; padding: 10px 10px; } @media (max-width: 1024px) and (min-width: 850px) { .tedavi-alanlari.digerleri .tedavi:last-child { display: none; } } .tedavi-alanlari .tedavi { max-width: calc((100% - 50px) / 3); width: 100%; background-color: #ffffff; border-bottom: 5px solid #ffffff; } .tedavi-alanlari .tedavi .main-figure { width: 100%; overflow: hidden; } .tedavi-alanlari .tedavi .main-figure img { width: 100%; float: left; } .tedavi-alanlari .tedavi .text { display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap: 15px; padding: 0 25px 25px 25px; } .tedavi-alanlari .tedavi .text.text-haber { background-color: #efefef; } .tedavi-alanlari .tedavi .text .tedavi-alani-resim { z-index: 1; margin-top: -50px; width: 100px; height: 100px; border-radius: 50%; background-color: #ffffff; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.27) 0px 1px 2px 0px; } .tedavi-alanlari .tedavi .text .tedavi-alani-resim img { height: 80%; width: auto; float: left; } @media (max-width: 768px) { .tedavi-alanlari .tedavi .text .tedavi-alani-resim img { height: 70%; } } .tedavi-alanlari .tedavi .text .tedavi-alani-resim svg { width: 70%; float: left; } .tedavi-alanlari .tedavi .text .tedavi-alani-resim svg path.st0 { fill: #ffffff; } .tedavi-alanlari .tedavi .text .tedavi-alani-resim svg path.st1 { fill: #ffffff; } @media (max-width: 768px) { .tedavi-alanlari .tedavi .text .tedavi-alani-resim { width: 80px; height: 80px; margin-top: -40px; } } .tedavi-alanlari .tedavi .text h2, .tedavi-alanlari .tedavi .text h3 { color: rgb(67, 67, 67); font-size: 24px; line-height: 32px; font-weight: 600; max-height: 110px; min-height: 110px; display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; margin-top: 0; } @media (max-width: 768px) { .tedavi-alanlari .tedavi .text h2, .tedavi-alanlari .tedavi .text h3 { font-size: 20px; line-height: 28px; } } @media (max-width: 500px) { .tedavi-alanlari .tedavi .text h2, .tedavi-alanlari .tedavi .text h3 { font-size: 22px; line-height: 22px; } } .tedavi-alanlari .tedavi .text .buttons { display: flex; justify-content: center; align-items: center; width: 100%; gap: 10px; } .tedavi-alanlari .tedavi .text .buttons .randevu-al-button { background-color: #ffffff; font-size: 0; line-height: 0; font-weight: bold; display: flex; align-items: center; justify-content: center; padding: 0; color: #ffffff; border-radius: 0; border: 0 solid #ffffff; } @media (max-width: 500px) { .tedavi-alanlari .tedavi .text { justify-content: space-between; } } .tedavi-alanlari .tedavi:hover .main-figure img { transform: scale(1.03); } .tedavi-alanlari .tedavi:hover .text .buttons .incele { background-color: #ffffff; color: #ffffff; } .tedavi-alanlari .tedavi:hover .text .buttons .randevu-al-button { background-color: #ffffff; font-size: 18px; line-height: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; padding: 10px 23px; color: #ffffff; border-radius: 24px; border: 2px solid #ffffff; } @media (max-width: 768px) { .tedavi-alanlari .tedavi:hover .text .buttons .randevu-al-button { max-width: 50%; font-size: 15px; line-height: 15px; text-align: center; width: 100%; } } @media (max-width: 1024px) { .tedavi-alanlari .tedavi:hover .text .buttons .randevu-al-button { padding: 12px 15px; } } .tedavi-alanlari .tedavi:hover .text .tedavi-alani-resim { background-color: #ffffff; } .tedavi-alanlari .tedavi:hover .text .tedavi-alani-resim img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(310deg) brightness(103%) contrast(101%); } .tedavi-alanlari .tedavi:hover .text .tedavi-alani-resim svg path.st0 { fill: #ffffff; } @media (max-width: 500px) { .tedavi-alanlari .tedavi { max-width: 100%; } } @media (max-width: 768px) { .tedavi-alanlari .tedavi { max-width: calc((100% - 25px) / 2); } } .tedavi-alanlari .tedavi.haberler { background-color: #efefef; max-width: calc((100% - 25px) / 2); } @media (max-width: 500px) { .tedavi-alanlari .tedavi.haberler { max-width: 100%; } } .tedavi-alanlari .tedavi.haberler:hover { box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px; } .tedavi-alanlari .tedavi.haberler .text { padding: 25px; } @media (max-width: 500px) { .tedavi-alanlari .tedavi { max-width: 100%; } } .incele { background-color: #ffffff; font-size: 18px; line-height: 18px; font-weight: bold; display: flex; align-items: center; justify-content: center; padding: 12px 25px; color: #ffffff; border-radius: 24px; gap: 5px; border: 2px solid #ffffff; } .incele.haber-button { background-color: transparent; color: #ffffff; border-style: solid; border-color: #ffffff } @media (max-width: 500px) { .incele.haber-button { font-size: 14px; line-height: 14px; } } @media (max-width: 325px) { .incele.haber-button { max-width: 80%; } } @media (max-width: 768px) { .incele.bilgi-al { max-width: 100%; font-size: 15px; line-height: 15px; width: 60%; } } .incele:hover { background-color: #ffffff; color: #ffffff; } @media (max-width: 768px) { .incele { max-width: 50%; font-size: 15px; line-height: 15px; width: 100%; } } .anasayfa-kuntay-kaplan-kimdir { background-image: url("../../images/user/site/kuntaykaplan_kimdir.jpg"); background-repeat: no-repeat; background-size: cover, 100%; } @media (max-width: 768px) { .anasayfa-kuntay-kaplan-kimdir.content-space { padding-top: 0; padding-bottom: 0; } } @media (max-width: 768px) { .anasayfa-kuntay-kaplan-kimdir.content-space { padding-bottom: 0; background-image: none; } } .anasayfa-kuntay-kaplan-kimdir .max-width { background-image: url("../../images/user/site/kuntay-kaplankimdir-resim.png"), url("../../images/user/site/kuntay-kaplan-kimdir-beyaz-bg.png"); background-repeat: no-repeat; background-position: top right, top left; display: flex; justify-content: start; align-items: center; width: 100%; } @media (max-width: 1366px) { .anasayfa-kuntay-kaplan-kimdir .max-width { background-position: top right, -100px; } } @media (max-width: 1280px) { .anasayfa-kuntay-kaplan-kimdir .max-width { background-position: top right, -175px; } } @media (max-width: 1024px) { .anasayfa-kuntay-kaplan-kimdir .max-width { background-position: 500px 0, -360px; } } @media (max-width: 768px) { .anasayfa-kuntay-kaplan-kimdir .max-width { background-image: url("../../images/user/site/kuntay-kaplan-bg-2.png"); background-color: #ffffff; background-size: 100%; min-height: 570px; align-items: end; padding-right: 0 !important; padding-left: 0 !important; background-position: 0 55px; } } .anasayfa-kuntay-kaplan-kimdir .max-width .text { width: 50%; min-height: 570px; display: flex; justify-content: center; align-items: start; flex-direction: column; gap: 25px; padding-top: 65px; padding-left: 50px; } @media (max-width: 1280px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text { padding: 77px; } } @media (max-width: 1024px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text { padding: 77px 50px 77px 0; } } @media (max-width: 768px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text { min-height: unset; max-width: 100%; width: 100%; display: flex; align-items: start; justify-content: center; margin-top: 620px; padding-bottom: 65px; padding-right: 25px; padding-left: 25px; } } @media (max-width: 500px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text { padding-right: 10px; padding-left: 10px; margin-top: 355px; } } @media (max-width: 400px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text { margin-top: 315px; } } .anasayfa-kuntay-kaplan-kimdir .max-width .text h2 { color: #ffffff; font-size: 40px; font-weight: 700; } @media (max-width: 1024px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text h2 { font-size: 36px; line-height: 46px; } } @media (max-width: 768px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text h2 { margin: 0; width: 100%; } } @media (max-width: 500px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text h2 { margin: 0; width: 100%; font-size: 30px; } } @media (max-width: 400px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text h2 { font-size: 26px; line-height: 34px; } } .anasayfa-kuntay-kaplan-kimdir .max-width .text p { width: 75%; text-align: justify; color: rgb(67, 67, 67); font-size: 15px; } @media (max-width: 1024px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text p { margin: 0; width: 100%; } } @media (max-width: 768px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text p { margin: 0; } } .anasayfa-kuntay-kaplan-kimdir .max-width .text .incele { background-color: #ffffff; font-size: 18px; line-height: 18px; font-weight: bold; padding: 12px 25px; color: #ffffff !important; border-radius: 24px; width: 18%; } @media (max-width: 500px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text .incele { width: 80%; display: flex; justify-content: center; align-items: center; } } @media (max-width: 1024px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text .incele { display: flex; align-items: center; justify-content: center; width: 50%; } } @media (max-width: 400px) { .anasayfa-kuntay-kaplan-kimdir .max-width .text .incele { padding: 7px 15px; font-size: 14px; } } .anasayfa-kuntay-kaplan-kimdir .max-width .text .incele:hover { background-color: #ffffff; color: #2d99d0 !important; } .anasayfa-kuntay-kaplan-kimdir .max-width:hover { cursor: pointer; } .anasayfa-kuntay-kaplan-kimdir .max-width:hover .incele { background-color: #ffffff; color: #2d99d0 !important; } .anasayfa-bilgilendirme { background-color: #ffffff; } .anasayfa-bilgilendirme .max-width { display: flex; justify-content: start; align-items: stretch; gap: 0; padding-left: 0 !important; padding-right: 0 !important; } @media (max-width: 500px) { .anasayfa-bilgilendirme .max-width { flex-wrap: wrap; } } .anasayfa-bilgilendirme .max-width .item { max-width: 50%; width: 100%; overflow: hidden; background-repeat: no-repeat; background-size: 100%; } @media (max-width: 1024px) { .anasayfa-bilgilendirme .max-width .item { background-size: auto 100%; } } @media (max-width: 500px) { .anasayfa-bilgilendirme .max-width .item { max-width: 100%; } } .anasayfa-bilgilendirme .max-width .item img { width: 100%; float: left; height: auto; } .anasayfa-bilgilendirme .max-width .item .text { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap: 25px; padding: 90px; } @media (max-width: 1024px) { .anasayfa-bilgilendirme .max-width .item .text { padding: 70px; } } @media (max-width: 500px) { .anasayfa-bilgilendirme .max-width .item .text { padding: 50px; gap: 15px; } } .anasayfa-bilgilendirme .max-width .item .text figure { height: 100px; width: auto; } .anasayfa-bilgilendirme .max-width .item .text figure img { height: 100%; width: auto; float: left; } .anasayfa-bilgilendirme .max-width .item .text h2 { font-size: 40px; line-height: 50px; font-weight: bold; text-align: center; } @media (max-width: 1024px) { .anasayfa-bilgilendirme .max-width .item .text h2 { font-size: 32px; line-height: 40px; } } @media (max-width: 768px) { .anasayfa-bilgilendirme .max-width .item .text h2 { font-size: 26px; line-height: 34px; } } .anasayfa-bilgilendirme .max-width .item.left { background-image: url("../../images/user/site/kuntay-kaplan-white.jpg"); } .anasayfa-bilgilendirme .max-width .item.left .text h2 { color: #ffffff; } .anasayfa-bilgilendirme .max-width .item.left:hover { cursor: pointer; } .anasayfa-bilgilendirme .max-width .item.left:hover .incele { background-color: #ffffff; color: #2d99d0 !important; } .anasayfa-bilgilendirme .max-width .item.right { background-image: url("../../images/user/site/kutay-kaplan-blue.jpg"); } .anasayfa-bilgilendirme .max-width .item.right .text h2 { color: #ffffff; } .anasayfa-bilgilendirme .max-width .item.right:hover { cursor: pointer; } .anasayfa-bilgilendirme .max-width .item.right:hover .incele { background-color: #ffffff; color: #2d99d0 !important; } .anasayfa-kuntay-kaplan-kimdir-2 { background-image: url("../../images/user/site/kuntaykaplan_kimdir.jpg"); background-repeat: no-repeat; background-size: cover, 100%; } @media (max-width: 768px) { .anasayfa-kuntay-kaplan-kimdir-2.content-space { padding-top: 0; padding-bottom: 0; } } @media (max-width: 768px) { .anasayfa-kuntay-kaplan-kimdir-2.content-space { padding-bottom: 0; background-image: none; } } .anasayfa-kuntay-kaplan-kimdir-2 .max-width { background-image: url("../../images/user/site/kuntay-kaplan-kimdir-2.png"), url("../../images/user/site/kuntay-kaplan-kimdir-3.png"); background-repeat: no-repeat; background-position: top left, bottom right; display: flex; justify-content: start; align-items: center; width: 100%; } @media (max-width: 1366px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width { background-position: top left, 400px; } } @media (max-width: 1280px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width { background-position: top left, 400px; } } @media (max-width: 1024px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width { background-position: -100px 0, 290px; } } @media (max-width: 768px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width { background-image: url("../../images/user/site/kuntay-kaplan-bg-3.png"); background-color: #ffffff; background-size: 100%; background-position: 0 55px; min-height: 570px; align-items: end; padding-right: 0 !important; padding-left: 0 !important; } } .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text { width: 50%; min-height: 570px; display: flex; justify-content: center; align-items: start; flex-direction: column; gap: 25px; padding-top: 65px; padding-left: 50px; margin-left: auto; } @media (max-width: 1280px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text { padding: 77px; } } @media (max-width: 1024px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text { padding: 77px 0 77px 50px; } } @media (max-width: 768px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text { min-height: unset; max-width: 100%; width: 100%; display: flex; align-items: start; justify-content: center; margin-top: 620px; padding-bottom: 65px; padding-right: 25px; padding-left: 25px; margin-left: auto; } } @media (max-width: 500px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text { padding-right: 10px; padding-left: 10px; margin-top: 355px; } } @media (max-width: 400px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text { margin-top: 320px; } } .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text h2 { color: #ffffff; font-size: 40px; font-weight: 700; } @media (max-width: 768px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text h2 { margin: 0; width: 100%; } } @media (max-width: 500px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text h2 { margin: 0; width: 100%; font-size: 30px; } } @media (max-width: 400px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text h2 { margin: 0; width: 100%; font-size: 26px; } } .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text p { width: 75%; text-align: justify; color: rgb(67, 67, 67); font-size: 15px; } @media (max-width: 1024px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text p { width: 100%; } } @media (max-width: 768px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text p { margin: 0; width: 100%; } } .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text .incele { background-color: #ffffff; font-size: 18px; line-height: 18px; font-weight: bold; padding: 12px 25px; color: #ffffff !important; border-radius: 24px; width: 18%; } @media (max-width: 1024px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text .incele { display: flex; align-items: center; justify-content: center; width: 50%; } } @media (max-width: 500px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text .incele { width: 80%; display: flex; justify-content: center; align-items: center; } } @media (max-width: 400px) { .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text .incele { padding: 7px 15px; font-size: 14px; } } .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text:hover { cursor: pointer; } .anasayfa-kuntay-kaplan-kimdir-2 .max-width .text:hover .incele { background-color: #ffffff; color: #2d99d0 !important; } footer { background-image: url("../../images/user/site/footer.jpg"); } footer .max-width { display: flex; justify-content: start; align-items: start; gap: 50px; flex-wrap: wrap; } footer .max-width .item { max-width: calc((100% - 150px) / 4); width: 100%; } @media (max-width: 1024px) { footer .max-width .item { max-width: calc((100% - 50px) / 2); width: 100%; } } @media (max-width: 500px) { footer .max-width .item { max-width: 100%; } } footer .max-width .item ul li { position: relative; padding-left: 25px; } footer .max-width .item ul li:before { content: ">>"; position: absolute; left: 0; color: #ffffff; font-size: 14px; line-height: 28px; } footer .max-width .footer-bilgi { display: flex; flex-direction: column; gap: 15px; } footer .max-width .footer-bilgi .footer-logo { width: 100%; } footer .max-width .footer-bilgi .footer-logo img { width: 100%; float: left; } footer .max-width .footer-bilgi p { color: #ffffff; font-size: 16px; line-height: 26px; } footer .max-width .footer-bilgi .sosyal-medya { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; } @media (max-width: 768px) { footer .max-width .footer-bilgi .sosyal-medya { gap: 10px; } } @media (max-width: 500px) { footer .max-width .footer-bilgi .sosyal-medya { gap: 20px; } } @media (max-width: 400px) { footer .max-width .footer-bilgi .sosyal-medya { gap: 12px; } } @media (max-width: 360px) { footer .max-width .footer-bilgi .sosyal-medya { gap: 3px; } } footer .max-width .footer-bilgi .sosyal-medya a { width: 45px; height: 45px; border: 2px solid rgba(255, 255, 255, 0.6); display: flex; justify-content: center; align-items: center; } @media (max-width: 768px) { footer .max-width .footer-bilgi .sosyal-medya a { width: 40px; height: 40px; } } footer .max-width .footer-bilgi .sosyal-medya a i { font-size: 35px; line-height: 35px; color: #ffffff; } @media (max-width: 768px) { footer .max-width .footer-bilgi .sosyal-medya a i { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; } } footer .max-width .footer-bilgi .sosyal-medya a img { height: 30px; } @media (max-width: 768px) { footer .max-width .footer-bilgi .sosyal-medya a img { display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; } } @media (max-width: 1024px) { footer .max-width .footer-bilgi .sosyal-medya { justify-content: start; } } footer .max-width .hizli-link h2 { color: #ffffff; font-size: 30px; line-height: 30px; margin-bottom: 25px; } footer .max-width .hizli-link ul li { width: 100%; cursor: pointer; } footer .max-width .hizli-link ul li a { display: block; width: 100%; font-size: 18px; line-height: 26px; color: #ffffff; } footer .max-width .hizli-link ul li:hover a { letter-spacing: 0.5px; } footer .max-width .iletisim { display: flex; flex-direction: column; justify-content: start; align-items: start; gap: 10px; } footer .max-width .iletisim h2 { color: #ffffff; font-size: 30px; line-height: 30px; margin-bottom: 15px; } footer .max-width .iletisim .iletisim-item { display: flex; justify-content: start; align-items: start; gap: 7px; } footer .max-width .iletisim .iletisim-item i { color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.6); min-width: 22px; max-width: 22px; min-height: 22px; max-height: 22px; font-size: 16px; line-height: 16px; display: flex; align-items: center; justify-content: center; margin-top: 4px; } footer .max-width .iletisim .iletisim-item p, footer .max-width .iletisim .iletisim-item a { color: #ffffff; font-size: 16px; line-height: 26px; font-family: "Poppins", serif; font-weight: 400; } .copyright { width: 100%; padding: 15px 0; } @media (max-width: 500px) { .copyright { margin-bottom: 100px; } } .copyright .max-width { display: flex; align-items: start; justify-content: space-between; gap: 20px; } @media (max-width: 500px) { .copyright .max-width { display: flex; flex-direction: column; justify-content: center; align-items: center; } } .copyright .max-width a { color: #000000; } .normal-sayfa .max-width { min-height: 350px; } .normal-sayfa .max-width.menulu { display: flex; justify-content: start; align-items: start; gap: 50px; } @media (max-width: 1024px) { .normal-sayfa .max-width.menulu { flex-direction: column; } } .normal-sayfa .max-width.menulu .text { max-width: calc(100% - 350px); width: 100%; } @media (max-width: 1024px) { .normal-sayfa .max-width.menulu .text { max-width: 100%; } } .normal-sayfa .max-width h1 { font-size: 38px; line-height: 48px; font-weight: 700; margin-bottom: 25px; font-family: "National", sans-serif; color: #000000; } .normal-sayfa .max-width h2 { font-size: 32px; line-height: 42px; color: rgba(34, 74, 190, 0.85); font-family: "National", sans-serif; font-weight: 600; margin-top: 15px; } .normal-sayfa .max-width h2.digerh2 { line-height: 62px; margin-bottom: 10px; } .normal-sayfa .max-width h3 { font-size: 30px; line-height: 40px; color: rgba(34, 74, 190, 0.85); font-family: "National", sans-serif; font-weight: 400; margin-top: 15px; } .normal-sayfa .max-width h4 { font-size: 28px; line-height: 38px; color: rgba(34, 74, 190, 0.85); font-family: "National", sans-serif; font-weight: 400; margin-top: 15px; } .normal-sayfa .max-width h5 { font-size: 26px; line-height: 36px; color: rgba(34, 74, 190, 0.85); font-family: "National", sans-serif; font-weight: 400; margin-top: 15px; } .normal-sayfa .max-width h6 { font-size: 24px; line-height: 34px; color: rgba(34, 74, 190, 0.85); font-family: "National", sans-serif; font-weight: 400; margin-top: 15px; } .normal-sayfa .max-width p { font-size: 18px; color: rgba(0, 0, 0, 0.8); line-height: 26px; margin-bottom: 15px; } .normal-sayfa .max-width b { font-size: 18px; font-weight: bold; color: rgb(27, 83, 174); line-height: 26px; } .normal-sayfa .max-width ul { margin-top: 20px; margin-left: 15px; } .normal-sayfa .max-width ul li { font-size: 18px; line-height: 26px; margin-bottom: 10px; color: rgba(0, 0, 0, 0.8); position: relative; } .normal-sayfa .max-width ul li:before { content: ""; width: 5px; height: 5px; background-color: #ffffff; position: absolute; left: -15px; top: 10px; } .normal-sayfa .max-width figure.normal { max-width: 300px; width: 100%; float: right; cursor: pointer; overflow: hidden; border: 3px solid #ffffff; margin: 0 0 15px 15px; } @media (max-width: 768px) { .normal-sayfa .max-width figure.normal { max-width: 250px; } } @media (max-width: 500px) { .normal-sayfa .max-width figure.normal { float: unset; max-width: 100%; height: unset; margin-bottom: 25px; margin-left: 0; } } .normal-sayfa .max-width figure.normal:hover img { transform: scale(1.05); } .normal-sayfa .max-width figure.normal img { width: 100%; height: auto; float: left; } .normal-sayfa.haber-bg .tedavi-alanlari .tedavi { box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px; } .sidemenu { max-width: 300px; width: 100%; margin-top: 75px; background-color: #ffffff; min-height: 50px; display: flex; flex-direction: column; justify-content: start; align-items: start; gap: 0; } @media (max-width: 500px) { .sidemenu { max-width: 100%; } } @media (max-width: 1280px) { .sidemenu { margin-top: 0; } } .sidemenu a { width: 100%; font-size: 18px; color: #ffffff; background-color: rgb(27, 83, 174); border-bottom: 1px solid #ffffff; padding: 10px; letter-spacing: 0.5px; } .sidemenu a:hover { color: #ffffff; background-color: #ffffff; } .sidemenu a.active { color: #ffffff; background-color: #0e3d9a; } .sidemenu a.parentPage { display: flex; justify-content: center; align-items: center; font-weight: bolder; border-bottom: 1px solid #ffffff; background-color: #052a65; } .sidemenu a.parentPage i { display: none; } @media (max-width: 1024px) { .sidemenu a.parentPage i { display: block; } } .iletisim-cards { display: flex; justify-content: start; align-items: stretch; gap: 20px; margin-top: 25px; margin-bottom: 25px; flex-wrap: wrap; } .iletisim-cards .card { display: flex; justify-content: start; align-items: center; flex-direction: column; gap: 20px; max-width: calc((100% - 40px) / 3); width: 100%; background-color: #ffffff; padding: 20px; border-radius: 25px; overflow: hidden; background-image: url("../../images/user/site/iletisim-card-background.jpg"); } @media (max-width: 768px) { .iletisim-cards .card { max-width: calc((100% - 20px) / 2); } } @media (max-width: 500px) { .iletisim-cards .card { max-width: 100%; } } .iletisim-cards .card i { font-size: 70px; color: #ffffff; width: 70px; height: 70px; } .iletisim-cards .card h2 { color: #ffffff; font-family: "National", sans-serif; } .iletisim-cards .card .text { text-align: center; font-size: 20px; color: #ffffff; font-family: "National", sans-serif; letter-spacing: 0.5px; } .iletisim-formu { display: flex; justify-content: center; align-items: start; gap: 10px; flex-wrap: wrap; margin-top: 25px; } .iletisim-formu .item { max-width: calc((100% - 20px) / 2); width: 100%; } @media (max-width: 500px) { .iletisim-formu .item { max-width: 100%; } } .iletisim-formu .item-100 { max-width: 100%; width: 100%; } .sayfa-icerigi { width: max-content; padding: 15px; margin: 25px 0; background-color: rgb(27, 83, 174); border-radius: 20px; } @media (max-width: 500px) { .sayfa-icerigi { max-width: 100%; } } .sayfa-icerigi span { font-size: 32px; line-height: 42px; color: #ffffff; font-family: "National", sans-serif; font-weight: 600; } .sayfa-icerigi ul { padding-left: 15px; margin-top: 10px !important; } .sayfa-icerigi ul li { color: #ffffff; } .sayfa-icerigi ul li:hover a { letter-spacing: 0.2px; } .sayfa-icerigi ul li a { color: #ffffff; font-size: 18px; font-weight: 500; } .videolar { display: flex; justify-content: start; align-content: start; gap: 20px; flex-wrap: wrap; margin-top: 25px; } .videolar .video { max-width: calc((100% - 60px) / 4); width: 100%; } @media (max-width: 1024px) { .videolar .video { max-width: calc((100% - 40px) / 3); } } @media (max-width: 768px) { .videolar .video { max-width: calc((100% - 20px) / 2); } } @media (max-width: 500px) { .videolar .video { max-width: 100%; } } .videolar .video iframe { width: 100%; } .videolar .video h2 { font-size: 14px; font-weight: bold; line-height: 22px; min-height: 44px; margin-top: 0; padding: 0 7px; text-align: center; } .sss { width: 100%; height: auto; } .sss .accordion { margin-top: 15px; } .sss .accordion .item { max-height: 58px; border: 1px solid #ccc; overflow: hidden; transition: max-height 0.5s ease-in-out; } @media (max-width: 1024px) { .sss .accordion .item { max-height: 88px; } } @media (max-width: 500px) { .sss .accordion .item { max-height: 114px; } } .sss .accordion .item .question { background-color: rgb(27, 83, 174); min-height: 62px; font-size: 18px; line-height: 26px; width: 100%; padding: 5px 10px; color: #fff; text-align: left; font-weight: 500; cursor: pointer; display: flex; justify-content: space-between; align-items: center; letter-spacing: 1px; } @media (max-width: 1024px) { .sss .accordion .item .question { min-height: 88px; } } @media (max-width: 500px) { .sss .accordion .item .question { min-height: 114px; } } .sss .accordion .item .answer { padding: 10px; } .sss .accordion .item.open { max-height: 500px; /* Yeterince büyük bir değer seçin */ } .sss .accordion .item.open .question { background-color: rgb(27, 83, 174); } .sss .accordion .item.open .question i { transform: rotate(90deg); } .digerler-baslik { margin-top: 25px; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.15); } .vki-card { background-image: url("../../images/user/site/kitle-indeks-arka-resim.jpg"); display: flex; justify-content: center; align-items: center; gap: 20px; width: 100%; height: auto; padding: 50px; flex-direction: column; } @media (max-width: 768px) { .vki-card { padding: 30px; } } @media (max-width: 500px) { .vki-card { padding: 15px; } } .vki-card .vki-inputs { display: flex; align-items: center; justify-content: center; width: 100%; gap: 20px; } @media (max-width: 500px) { .vki-card .vki-inputs { gap: 10px; flex-direction: column; } } .vki-card .vki-inputs .vki-input { max-width: calc((100% - 20px) / 2); width: 100%; display: flex; } @media (max-width: 500px) { .vki-card .vki-inputs .vki-input { max-width: 100%; } } .vki-card .vki-inputs .vki-input figure { width: 60px; height: 60px; background-color: #ffffff; padding: 3px; } .vki-card .vki-inputs .vki-input figure img { width: 100%; height: 100%; } .vki-card .vki-inputs .vki-input input { width: 100%; min-height: 60px; max-height: 60px; } .vki-card .vki-sonuc { display: flex; justify-content: center; align-items: center; gap: 20px; width: 100%; } @media (max-width: 500px) { .vki-card .vki-sonuc { flex-direction: column; } } .vki-card .vki-sonuc .item { display: flex; align-items: center; justify-content: center; max-width: 200px; width: 100%; border-radius: 50px; font-size: 30px; line-height: 40px; min-height: 70px; font-weight: bold; color: #ffffff; padding: 15px 50px; } @media (max-width: 500px) { .vki-card .vki-sonuc .item { max-width: 100%; } } .vki-card .vki-sonuc .item.vki-deger { background-color: #ffffff; } .vki-card .vki-sonuc .item.vki-durum { background-color: #fdb300; } .mt-25 { margin-top: 25px !important; } .haber-box-shadow { box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px; } .dernekler { display: flex; justify-content: start; align-items: start; gap: 25px; flex-wrap: wrap; } .dernekler .dernek { max-width: calc((100% - 75px) / 4); align-items: center; justify-content: center; cursor: pointer; } @media (max-width: 768px) { .dernekler .dernek { max-width: calc((100% - 50px) / 3); } } .dernekler .dernek figure { width: 100%; overflow: hidden; filter: grayscale(100%); } .dernekler .dernek figure img { width: 100%; float: left; } .dernekler .dernek figure img:hover { transform: scale(1.05); } .dernekler .dernek:hover figure { filter: grayscale(0); } .dernekler .dernek h2 { font-size: 18px; line-height: 26px; font-weight: 500; color: #000000 !important; padding: 0 5px; } .alert { margin-top: 10px; max-width: 100%; height: max-content; padding: 10px; background-color: #d4edda; font-size: 18px; line-height: 26px; } .galeri { display: flex; align-items: start; justify-content: start; gap: 25px; width: 100%; flex-wrap: wrap; } .galeri .galeri-figure { max-width: calc((100% - 100px) / 5); width: 100%; overflow: hidden; } .galeri .galeri-figure img { width: 100%; } @media (max-width: 1280px) { .galeri .galeri-figure { max-width: calc((100% - 75px) / 4); width: 100%; overflow: hidden; } } @media (max-width: 1024px) { .galeri .galeri-figure { max-width: calc((100% - 50px) / 3); width: 100%; overflow: hidden; } } @media (max-width: 768px) { .galeri .galeri-figure { max-width: calc((100% - 25px) / 2); width: 100%; overflow: hidden; } } @media (max-width: 500px) { .galeri .galeri-figure { max-width: 100%; width: 100%; overflow: hidden; } } .wplogo { background-color: #25d165 !important; color: #FFFFFF !important; } /*# sourceMappingURL=style.css.map */ /* ================================
   LOGO BOYUTU (RESPONSIVE)
   Not: Bu blok, header/logo ölçülerini en sonda override eder.
   ================================ */

/* Desktop / Tablet */
header .bottom nav .max-width{
  height: 120px !important;        /* header yüksekliği */
  min-height: 120px !important;
}

header nav .max-width a.logo img{
  height: auto !important;
  max-height: 120px !important;   /* 44-70px arası esnek */
  width: auto !important;
}

/* Mobil */
@media (max-width: 600px){
  header .bottom nav .max-width{
    height: 75px !important;
    min-height: 75px !important;
  }
  header nav .max-width a.logo img{
    max-height: clamp(40px, 12vw, 56px) !important;  /* mobilde 40-56px */
  }
}

/* Çok küçük ekranlar */
@media (max-width: 360px){
  header .bottom nav .max-width{
    height: 70px !important;
    min-height: 70px !important;
  }
  header nav .max-width a.logo img{
    max-height: 48px !important;
  }
}
/* Güncellenmiş Renk Paleti Bölümü */

/* Scrollbar Düzenlemesi */
::-webkit-scrollbar-thumb { 
    background: #75271b; /* Ana Renk */
    transition: all 0.3s ease-in-out; 
    -webkit-transition: all 0.3s ease-in-out; 
    border-radius: 2px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #a33b2a; /* Açık Vurgu */
}

/* Mobil Menü (mmenu) Düzenlemeleri */
.mm-menu.mm-theme-dark { 
    background-color: #75271b; 
    z-index: 9999; 
}
.mm-menu.mm-theme-dark .mm-btn:after, 
.mm-menu.mm-theme-dark .mm-navbar .mm-btn.mm-prev::before,
.mm-menu.mm-theme-dark .mm-navbar .mm-btn.mm-close::before,
.mm-menu.mm-theme-dark .mm-navbar .mm-btn.mm-close::after,
.mm-menu.mm-theme-dark .mm-navbar > .mm-close { 
    border-color: #75271b; 
}

/* Header Üst Bölüm (Top Nav) */
header .top { 
    width: 100%; 
    background: #4d1a12; /* Koyu Ton */
}

/* Navigasyon Linkleri ve Hover Durumları */
header .bottom nav .max-width .right ul li:hover a { 
    color: #75271b; 
}

header .bottom nav .max-width .right ul li a:before,
header .bottom nav .max-width .right ul li a:after { 
    background-color: #75271b; 
}

/* Alt Menü Hover */
header .bottom nav .max-width .right ul li ul.altmenu li:hover { 
    background-color: #75271b; 
}

/* Mobil Menü İkonu (Hamburger Menu) */
header .bottom nav .max-width #close .bar .line { 
    background-color: #75271b; 
}
@media (max-width: 1280px) {
    header .bottom nav .max-width #close i { 
        color: #75271b; 
    }
}

/* Butonlar ve Etiketler */
header .bottom nav .max-width .right ul li.main-li.header-etiket .katalog:hover { 
    background-color: #75271b; 
}
header .bottom nav .max-width .right ul li.main-li.header-etiket .teklif-al { 
    background-color: #75271b; 
}

/* Form Elemanları ve Breadcrumb */
input[type=submit] { 
    background-color: #75271b; 
}
.breadcrumb { 
    background-color: #4d1a12; /* Koyu Ton */
}
.input-bilgilendirme label a { 
    color: #75271b; 
}

/* Sabit Bileşenler */
.sabit-randevu-al { 
    background-color: #75271b; 
}

/* Anasayfa Başlık Vurgusu (Border-bottom etkisi) */
.anasayfa-h2:before { 
    background-color: #75271b; 
}

/* Tedavi Alanları ve Kartlar */
.tedavi-alanlari .tedavi { 
    border-bottom: 5px solid #75271b; 
}
.tedavi-alanlari .tedavi .text .tedavi-alani-resim svg path.st1 { 
    fill: #75271b; 
}
.tedavi-alanlari .tedavi .text .buttons .randevu-al-button { 
    color: #75271b; 
}
.tedavi-alanlari .tedavi:hover .text .buttons .incele { 
    background-color: #ffffff; 
    color: #75271b; 
}
/* --- GENEL RENK GÜNCELLEMELERİ --- */

/* Scrollbar */
::-webkit-scrollbar-thumb { 
    background: #75271b; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #5a1d15; 
}

/* Mobil Menü Arka Planı ve Borderları */
.mm-menu.mm-theme-dark { 
    background-color: #75271b; 
}
.mm-menu.mm-theme-dark .mm-btn:after, 
.mm-menu.mm-theme-dark .mm-navbar .mm-btn.mm-prev::before,
.mm-menu.mm-theme-dark .mm-navbar .mm-btn.mm-close::before,
.mm-menu.mm-theme-dark .mm-navbar .mm-btn.mm-close::after,
.mm-menu.mm-theme-dark .mm-navbar > .mm-close { 
    border-color: #75271b; 
}

/* --- HEADER (BAŞLIK) BÖLÜMÜ GÜNCELLEMESİ --- */

header { 
    background-color: #75271b; /* Beyazdan Bordoya çevrildi */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); 
}

header .top { 
    background: #5a1d15; /* Üst ince bar bir ton daha koyu bordo */
}

/* Navigasyon Linkleri - Arka plan bordo olduğu için metinler beyaz yapıldı */
header .bottom nav .max-width .right {
    background-color: transparent; /* Beyaz arka plan kaldırıldı */
}

header .bottom nav .max-width .right ul li a {
    color: #ffffff; /* Linkler beyaz yapıldı */
}

header .bottom nav .max-width .right ul li:hover a { 
    color: #ffcfcf; /* Hoverda hafif pembe/beyaz tonu */
}

/* İkonlar ve Çizgiler */
header .bottom nav .max-width .right ul li a:before,
header .bottom nav .max-width .right ul li a:after { 
    background-color: #ffffff; /* Alt çizgiler beyaz */
}

header .bottom nav .max-width #close .bar .line { 
    background-color: #ffffff; /* Mobil menü çizgileri beyaz */
}

/* Mobil Menü İkon Kutusu */
@media (max-width: 1280px) {
    header .bottom nav .max-width #close i { 
        background: #5a1d15; 
        color: #ffffff; 
    }
}

/* --- DİĞER MAVİ ALANLARIN DEĞİŞİMİ --- */

/* Butonlar ve Formlar */
.sabit-randevu-al,
input[type=submit],
.breadcrumb,
header .bottom nav .max-width .right ul li.main-li.header-etiket .teklif-al { 
    background-color: #75271b; 
}

/* Linkler ve Vurgular */
.input-bilgilendirme label a,
.tedavi-alanlari .tedavi .text .buttons .randevu-al-button { 
    color: #75271b; 
}

/* Başlık Altı Çizgisi ve Kart Borderları */
.anasayfa-h2:before { 
    background-color: #75271b; 
}

.tedavi-alanlari .tedavi { 
    border-bottom: 5px solid #75271b; 
}

/* SVG İkon Renkleri */
.tedavi-alanlari .tedavi .text .tedavi-alani-resim svg path.st1 { 
    fill: #75271b; 
}

/* Alt Menü (Dropdown) Düzenlemesi */
header .bottom nav .max-width .right ul li ul.altmenu li:hover { 
    background-color: #75271b; 
}
header .bottom nav .max-width .right ul li ul.altmenu li:hover a {
    color: #ffffff;
}/* --- GENEL RENK PALETİ VE GÜNCELLEMELER --- */

/* Scrollbar bordo tonları */
::-webkit-scrollbar-thumb { 
    background: #75271b; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #5a1d15; 
}

/* Mobil Menü (mmenu) - Tamamen Bordo Teması */
.mm-menu.mm-theme-dark { 
    background-color: #75271b; 
}
.mm-menu.mm-theme-dark .mm-navbar a, 
.mm-menu.mm-theme-dark .mm-navbar .mm-prev:not(.mm-close),
.mm-menu.mm-theme-dark .mm-navbar .mm-close:not(.mm-prev) { 
    background: #5a1d15 !important; 
    border-color: #ffffff !important;
}
.mm-menu.mm-theme-dark .mm-btn:after, 
.mm-menu.mm-theme-dark .mm-navbar .mm-btn.mm-prev::before,
.mm-menu.mm-theme-dark .mm-navbar .mm-btn.mm-close::before,
.mm-menu.mm-theme-dark .mm-navbar .mm-btn.mm-close::after { 
    border-color: #ffffff; 
}

/* --- HEADER VE NAVİGASYON --- */

/* Header Sabit ve Kaydırılmış Durum (Sticky & Fixed) */
header, .sabitheader { 
    background-color: #75271b !important; /* Kaydırınca beyaz olmasını engelledik */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

header .top { 
    background: #5a1d15; /* Üst bar daha koyu bordo */
}

/* Menü Yazıları ve Linkler */
header .bottom nav .max-width .right {
    background-color: transparent !important; /* Arka planı bordo yaptık */
}

header .bottom nav .max-width .right ul li a,
header .bottom nav .max-width .right a.lang-link span {
    color: #ffffff !important; /* Yazılar her zaman beyaz */
}

header .bottom nav .max-width .right ul li a:before,
header .bottom nav .max-width .right ul li a:after {
    background-color: #ffffff; /* Link alt çizgileri beyaz */
}

header .bottom nav .max-width .right ul li:hover a { 
    color: #ffcfcf; /* Hoverda yumuşak bir renk */
}

/* Alt Menü (Dropdown) */
header .bottom nav .max-width .right ul li ul.altmenu {
    background: #5a1d15; 
}
header .bottom nav .max-width .right ul li ul.altmenu li {
    background: #5a1d15;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
header .bottom nav .max-width .right ul li ul.altmenu li:hover {
    background-color: #75271b;
}
header .bottom nav .max-width .right ul li ul.altmenu li a {
    color: #ffffff;
}

/* Mobil Hamburger Menü İkonu */
header .bottom nav .max-width #close .bar .line { 
    background-color: #ffffff; 
}
@media (max-width: 1280px) {
    header .bottom nav .max-width #close i { 
        background: #5a1d15; 
        color: #ffffff; 
    }
}

/* --- DİĞER MAVİ ALANLAR VE İKONLAR --- */

/* Butonlar, Breadcrumb ve Sabit Alanlar */
input[type=submit],
.sabit-randevu-al,
.breadcrumb,
header .bottom nav .max-width .right ul li.main-li.header-etiket .teklif-al { 
    background-color: #75271b !important; 
}

.breadcrumb .breadcrumb-list, 
.breadcrumb .breadcrumb-list i,
.breadcrumb .breadcrumb-list a {
    color: #ffffff;
}

/* Yazı ve Link Vurguları */
.input-bilgilendirme label a,
.tedavi-alanlari .tedavi .text .buttons .randevu-al-button { 
    color: #75271b; 
}

/* Başlık Altı Vurgu Çizgisi */
.anasayfa-h2:before { 
    background-color: #75271b; 
}

/* Kartlar ve İkonlar */
.tedavi-alanlari .tedavi { 
    border-bottom: 5px solid #75271b; 
}

/* SVG İkon Renkleri (Mavi olan ikon içlerini bordoya çevirir) */
.tedavi-alanlari .tedavi .text .tedavi-alani-resim svg path.st1 { 
    fill: #75271b; 
}

/* Sosyal Medya İkon Etrafları */
header .bottom nav .max-width .right ul li.social-link a {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #ffffff;
}
@charset "UTF-8";
@import url("./cdrstrap.css");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* --- RENK REVEZYONU --- */
:root {
  --ana-bordo: #75271b;
  --koyu-bordo: #5a1d15;
  --acik-bordo: #8d3225;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
  font-family: "Raleway", serif;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background: var(--ana-bordo);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--koyu-bordo);
}

/* --- HEADER & NAVIGATION --- */
header, .sabitheader {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: var(--ana-bordo) !important; /* Kaydırınca beyaz olmasın diye kilitledik */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

header .top {
  background: var(--koyu-bordo);
}

header .bottom nav .max-width .right {
  background-color: transparent !important; /* Beyaz alanı öldürdük */
}

/* Menü Yazıları */
header .bottom nav .max-width .right ul li a, 
header .bottom nav .max-width .right a.lang-link span {
  color: #ffffff !important;
  font-weight: 700;
}

header .bottom nav .max-width .right ul li:hover a {
  color: #d4a373 !important; /* Zarif bir altın/krem tonu hover için */
}

/* Çizgiler ve İkonlar */
header .bottom nav .max-width .right ul li a:before,
header .bottom nav .max-width .right ul li a:after {
  background-color: #ffffff !important;
}

header .bottom nav .max-width #close .bar .line {
  background-color: #ffffff !important;
}

/* Alt Menü (Dropdown) */
header .bottom nav .max-width .right ul li ul.altmenu {
  background: var(--koyu-bordo) !important;
  border-top: 3px solid #ffffff;
}

header .bottom nav .max-width .right ul li ul.altmenu li {
  background: var(--koyu-bordo) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

header .bottom nav .max-width .right ul li ul.altmenu li:hover {
  background-color: var(--ana-bordo) !important;
}

header .bottom nav .max-width .right ul li ul.altmenu li a {
  color: #ffffff !important;
}

/* --- İKON ETRAFLARI & SOSYAL MEDYA --- */
header .bottom nav .max-width .right ul li.social-link a {
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
}

header .bottom nav .max-width .right ul li.social-link a:hover {
  background-color: #ffffff;
  color: var(--ana-bordo) !important;
}

/* --- BUTONLAR & BİLEŞENLER --- */
.incele, .sabit-randevu-al, input[type=submit], .breadcrumb {
  background-color: var(--ana-bordo) !important;
  border-color: var(--ana-bordo) !important;
  color: #ffffff !important;
}

.breadcrumb {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.current {
  color: #d4a373 !important; /* Mavi yerine altın sarısı vurgu */
}

/* Tedavi Kartları ve SVG İkonlar */
.tedavi-alanlari .tedavi {
  border-bottom: 5px solid var(--ana-bordo) !important;
}

.tedavi-alanlari .tedavi .text .tedavi-alani-resim svg path.st1 {
  fill: var(--ana-bordo) !important; /* İkonların içindeki mavilikler bitti */
}

.tedavi-alanlari .tedavi:hover .text .tedavi-alani-resim {
  background-color: var(--ana-bordo) !important;
}

.tedavi-alanlari .tedavi .text .buttons .randevu-al-button {
  color: var(--ana-bordo) !important;
  border-color: var(--ana-bordo) !important;
}

/* Sayfa Başlıkları */
.anasayfa-h2:before {
  background-color: var(--ana-bordo) !important;
}

/* Katalog & Teklif Butonları */
header .bottom nav .max-width .right ul li.main-li.header-etiket .teklif-al {
  background-color: #ffffff !important; /* Bordoda patlasın diye beyaz yaptık */
}
header .bottom nav .max-width .right ul li.main-li.header-etiket .teklif-al a {
  color: var(--ana-bordo) !important;
}/* --- ANIMASYON VE GEÇİŞ RENKLERİ GÜNCELLEMESİ --- */

/* Menü üzerine gelindiğinde oluşan animasyon efektleri */
@keyframes alt-menu-onhover {
    from { 
        opacity: 0; 
        visibility: hidden; 
        border-top: 3px solid #75271b; /* Mavi yerine bordo çizgi */
    }
    to { 
        opacity: 1; 
        visibility: visible; 
        border-top: 3px solid #75271b; 
    }
}

/* Header link geçişleri (Yavaşça renk değiştirme) */
header .bottom nav .max-width .right ul li a {
    transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out !important;
}

/* Sabit Header Geçiş Animasyonu */
.sabitheader {
    background-color: #75271b !important; /* Kayarken beyaza dönmeyi engelleyen ana kural */
    transition: all 0.5s ease-in-out !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3); /* Profesyonel görünüm için hafif gölge */
}

/* İkonlardaki dolgu rengi animasyonu */
.tedavi-alanlari .tedavi .text .tedavi-alani-resim svg path.st1 {
    transition: fill 0.4s ease;
    fill: #75271b !important;
}

/* Alt menü açılışındaki border-bottom animasyonları */
header .bottom nav .max-width .right ul li a:before,
header .bottom nav .max-width .right ul li a:after {
    background-color: #ffffff !important; /* Bordo header üzerinde beyaz çizgiler */
    transition: all 0.5s ease-in-out 0s !important;
}

/* Buton hover animasyonu */
.tedavi-alanlari .tedavi:hover .text .buttons .incele {
    background-color: #ffffff !important;
    color: #75271b !important;
    transition: background-color 0.4s, color 0.4s;
}

/* Scrollbar geçiş hızı */
::-webkit-scrollbar-thumb {
    transition: background 0.3s ease-in-out !important;
    background: #75271b !important;
}
/* Halil İbrahim Altıncı başlık rengi */
.anasayfa-kuntay-kaplan-kimdir h2,
.anasayfa-kuntay-kaplan-kimdir-2 h2 {
    color: #75271b !important; /* bordo */
}
/* İncele butonu hover rengi sabit bordo */
.anasayfa-kuntay-kaplan-kimdir .incele,
.anasayfa-kuntay-kaplan-kimdir-2 .incele {
    background-color: #75271b !important;
    color: #ffffff !important;
    border-color: #75271b !important;
}

.anasayfa-kuntay-kaplan-kimdir .incele:hover,
.anasayfa-kuntay-kaplan-kimdir-2 .incele:hover {
    background-color: #ffffff !important;
    color: #75271b !important;
}
/* İncele içindeki ikonların rengi */
.anasayfa-kuntay-kaplan-kimdir .incele i,
.anasayfa-kuntay-kaplan-kimdir-2 .incele i {
    color: #ffffff !important;
}

/* Hover’da ikon rengi */
.anasayfa-kuntay-kaplan-kimdir .incele:hover i,
.anasayfa-kuntay-kaplan-kimdir-2 .incele:hover i {
    color: #75271b !important;
}
/* İncele içindeki ikonların rengi */
.anasayfa-kuntay-kaplan-kimdir .incele i,
.anasayfa-kuntay-kaplan-kimdir-2 .incele i {
    color: #ffffff !important;
}

/* Hover’da ikon rengi */
.anasayfa-kuntay-kaplan-kimdir .incele:hover i,
.anasayfa-kuntay-kaplan-kimdir-2 .incele:hover i {
    color: #75271b !important;
}/* =====================================================
   HALİL İBRAHİM ALTINCI – BORDO RENK OVERRIDE
   Ana renk: #75271b
   ===================================================== */

/* GENEL BAŞLIKLAR (tüm sayfa) */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #75271b !important;
}

/* NORMAL SAYFA BAŞLIKLARI */
.normal-sayfa h1,
.normal-sayfa h2,
.normal-sayfa h3,
.normal-sayfa h4,
.normal-sayfa h5,
.normal-sayfa h6 {
    color: #75271b !important;
}

/* ANASAYFA BÜYÜK BAŞLIK */
.anasayfa-h2 {
    color: #75271b !important;
}

/* “Halil İbrahim Altıncı Kimdir?” alanı */
.anasayfa-kuntay-kaplan-kimdir h2,
.anasayfa-kuntay-kaplan-kimdir-2 h2 {
    color: #75271b !important;
}

/* TEDAVİ ALANLARI – kart başlıkları */
.tedavi-alanlari .tedavi h2,
.tedavi-alanlari .tedavi h3 {
    color: #75271b !important;
}

/* TEDAVİ ALANLARI – hover’da da maviye dönmesin */
.tedavi-alanlari .tedavi:hover h2,
.tedavi-alanlari .tedavi:hover h3 {
    color: #75271b !important;
}

/* İNFERTİLİTE – AŞILAMA – GEBELİK SAYFALARI */
.normal-sayfa h1,
.normal-sayfa h2 {
    color: #75271b !important;
}

/* LİNK İÇİNDEKİ BAŞLIKLAR */
h1 a,
h2 a,
h3 a {
    color: #75271b !important;
}

h1 a:hover,
h2 a:hover,
h3 a:hover {
    color: #75271b !important;
}

/* “İNCELE” BUTONU – hover’da mavi olmasın */
.incele {
    background-color: #75271b !important;
    border-color: #75271b !important;
    color: #ffffff !important;
}

.incele:hover {
    background-color: #ffffff !important;
    color: #75271b !important;
}

/* İCONLAR – hover’da maviye dönmesin */
.incele i,
.tedavi i,
.normal-sayfa i {
    color: inherit !important;
}

/* SCROLLBAR HOVER – mavi yerine beyaz */
::-webkit-scrollbar-thumb:hover {
    background: #ffffff !important;
}
/* =====================================================
   ICON HOVER MAVİLİKLERİNİ TAM KİLİTLE
   ===================================================== */

/* İNCELE – BİLGİ AL – RANDEVU BUTONLARI */
.incele i,
.bilgi-al i,
.randevu-al-button i,
.buttons i {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* HOVER DURUMUNDA DA SABİT KALSIN */
.incele:hover i,
.bilgi-al:hover i,
.randevu-al-button:hover i,
.buttons:hover i {
    color: #75271b !important;
    fill: #75271b !important;
    stroke: #75271b !important;
}

/* TEDAVİ KARTLARI İÇİN */
.tedavi:hover .buttons i,
.tedavi:hover i {
    color: #75271b !important;
    fill: #75271b !important;
    stroke: #75271b !important;
}

/* SVG ICONLAR (özellikle play / ok ikonları) */
svg path,
svg g path {
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* HOVER’DA SVG’LER MAVİYE KAÇMASIN */
.incele:hover svg path,
.bilgi-al:hover svg path,
.randevu-al-button:hover svg path,
.tedavi:hover svg path {
    fill: #75271b !important;
    stroke: #75271b !important;
}

/* GENEL LINK HOVER’LARDA ICON RENK KİLİDİ */
a:hover i {
    color: inherit !important;
}

/* MMENU / MOBİL / FLOATING ICONLAR */
.mm-menu i,
.yuzenalan i,
.sabit-randevu-al i {
    color: #ffffff !important;
}

.mm-menu a:hover i,
.yuzenalan a:hover i,
.sabit-randevu-al a:hover i {
    color: #75271b !important;
}
/* =========================================
   MAVİ (#2d99d0) TEMİZLİĞİ – TOPLU İMHA
   ========================================= */

/* BORDER MAVİLERİ */
* {
    border-color: #ffffff !important;
}

/* ICON + TEXT */
i,
a i,
button i {
    color: #ffffff !important;
}

/* HOVER'DA DA BEYAZ KALSIN */
*:hover {
    border-color: #ffffff !important;
}

/* SVG ICON MAVİLERİ */
svg path,
svg g path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* BUTON & LINK HOVER RENKLERİ */
a:hover,
button:hover,
.incele:hover,
.bilgi-al:hover,
.randevu-al-button:hover {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* ÖZELLİKLE BU LANET RENK */
[style*="#2d99d0"] {
    color: #ffffff !important;
    border-color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}
/* =========================================
   HOVER MAVİ RENK TAM İMHA
   (incele / bilgi al / randevu)
   ========================================= */

.tedavi-alanlari .tedavi .text .buttons .incele,
.tedavi-alanlari .tedavi:hover .text .buttons .incele,
.tedavi-alanlari .tedavi .text .buttons .randevu-al-button,
.tedavi-alanlari .tedavi:hover .text .buttons .randevu-al-button {
    background-color: #75271b !important;
    color: #ffffff !important;
    border-color: #75271b !important;
}

/* ICON MAVİYE DÖNMEYİ DE ENGELLE */
.tedavi-alanlari .tedavi .text .buttons .incele i,
.tedavi-alanlari .tedavi:hover .text .buttons .incele i,
.tedavi-alanlari .tedavi .text .buttons .randevu-al-button i,
.tedavi-alanlari .tedavi:hover .text .buttons .randevu-al-button i {
    color: #ffffff !important;
}

/* TRANSITION SIRASINDA MAVİ FLASH'I ENGELLE */
.tedavi-alanlari .tedavi * {
    transition: background-color 0.3s ease, color 0.3s ease !important;
}
/* =========================================
   "incele / bilgi al" MAVİ İMHA (anasayfa kutuları)
   ========================================= */

/* tüm incele linkleri + hover */
.anasayfa-kuntay-kaplan-kimdir .incele,
.anasayfa-kuntay-kaplan-kimdir:hover .incele,
.anasayfa-kuntay-kaplan-kimdir-2 .incele,
.anasayfa-kuntay-kaplan-kimdir-2 .max-width .text .incele,
.anasayfa-kuntay-kaplan-kimdir-2 .max-width .text:hover .incele,
.anasayfa-bilgilendirme .item .incele,
.anasayfa-bilgilendirme .item:hover .incele,
.anasayfa-bilgilendirme .item.left:hover .incele,
.anasayfa-bilgilendirme .item.right:hover .incele {
  color: #ffffff !important;
  background-color: #75271b !important;
  border-color: #75271b !important;
}

/* sadece link text maviye dönüyorsa (senin ekrandaki gibi) */
.anasayfa-kuntay-kaplan-kimdir-2 .max-width .text:hover a.incele,
.anasayfa-kuntay-kaplan-kimdir-2 .max-width .text a.incele {
  color: #ffffff !important;
}

/* ikonlar maviye dönmesin */
.anasayfa-kuntay-kaplan-kimdir .incele i,
.anasayfa-kuntay-kaplan-kimdir-2 .incele i,
.anasayfa-kuntay-kaplan-kimdir-2 .max-width .text:hover .incele i,
.anasayfa-bilgilendirme .item .incele i,
.anasayfa-bilgilendirme .item:hover .incele i {
  color: #ffffff !important;
}

/* hover'da arkaplanı beyaz yapan eski kuralı da ez */
.anasayfa-kuntay-kaplan-kimdir-2 .max-width .text:hover .incele {
  background-color: #75271b !important;
}
/* Randevu Al başlığı – beyaz font */
.anasayfa-randevu-al h2,
.anasayfa-randevu-al h2 *,
.anasayfa-randevu-al .text h2 {
    color: #ffffff !important;
}

/* Hover olsa bile beyaz kalsın */
.anasayfa-randevu-al h2:hover,
.anasayfa-randevu-al h2 *:hover {
    color: #ffffff !important;
}
/* Randevu Al başlığını sola kaydır */
.anasayfa-randevu-al h2 {
    margin-left: -120px;   /* sola kaydırma miktarı */
}

/* Mobilde çok kaçmasın diye */
@media (max-width: 768px) {
    .anasayfa-randevu-al h2 {
        margin-left: -10px;
    }
}
/* Randevu açıklama metnini sola kaydır */
.anasayfa-randevu-al p {
    margin-left: -120px;
}

/* Mobilde daha az kaydır */
@media (max-width: 768px) {
    .anasayfa-randevu-al p {
        margin-left: -10px;
    }
}
/* Randevu alanı text container düzeltme */
.anasayfa-randevu-al .left-content-space {
    padding-left: 60px;   /* yazıyı sola düzgün alır */
    padding-right: 40px;
}

/* Metnin max genişliği – ortadaki boşluk hissini bitirir */
.anasayfa-randevu-al .text {
    max-width: 520px;
}

/* Arka plan harita / gradient pozisyonu */
.anasayfa-randevu-al {
    background-position: left center;
    background-size: cover;
}

/* Mobil optimizasyon */
@media (max-width: 768px) {
    .anasayfa-randevu-al .left-content-space {
        padding-left: 20px;
        padding-right: 20px;
    }

    .anasayfa-randevu-al .text {
        max-width: 100%;
    }
}
/* ===== HEADER KAPSÜL STİL ===== */
nav {
  background: #ffffff;
}

nav .max-width {
  display: flex;
  align-items: center;
  gap: 24px;
}

.logo-band {
  background: #5b1e68; /* moru sonra değiştiririz */
  padding: 14px 26px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  min-height: 60px;
}

.logo-band img {
  height: 40px;
  width: auto;
}

nav .right {
  margin-left: auto;
}

nav .right ul {
  display: flex;
  gap: 18px;
  align-items: center;
}

nav .right ul li a {
  color: #111;
  font-weight: 600;
  text-decoration: none;
  padding: 8px 4px;
}

/* Hover */
nav .right ul li a:hover {
  color: #5b1e68;
}

/* Responsive (mobilde kapsül küçülsün) */
@media (max-width: 768px) {
  .logo-band {
    padding: 10px 16px;
    border-radius: 24px;
  }
}
/* ===== LOGO AYRI + MENÜ TEK KAPSÜL (Süngül Uzgellir tarzı) ===== */

header .bottom nav{
  background:#fff !important;
  position: relative !important;
  z-index: 9999 !important;
}

header .bottom nav .max-width.header-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:18px 16px !important;
}

/* LOGO (kapsül değil) */
.site-logo{
  display:flex !important;
  align-items:center !important;
  text-decoration:none !important;
}
.site-logo img{
  height:40px !important;
  width:auto !important;
  display:block !important;
}

/* MENÜ KAPSÜL */
.menu-pill{
  margin-left:auto !important;
  background:#f3f3f3 !important;   /* renk sonra değişir */
  border-radius:999px !important;
  padding:10px 18px !important;
  display:flex !important;
  align-items:center !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.08) !important;
}

/* menü listesi */
.menu-pill .menu-list{
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

/* linkler */
.menu-pill .menu-list > li > a{
  color:#7b2d2d !important; /* bordo */
  font-weight:700 !important;
  text-decoration:none !important;
  padding:8px 6px !important;
  white-space:nowrap !important;
}

.menu-pill .menu-list > li > a:hover{
  opacity:.85 !important;
}

/* Dropdown (altmenu) — senin mevcut sistemin */
.menu-pill .altmenu{
  background:#fff !important;
  border-radius:14px !important;
  overflow:hidden !important;
  padding:10px 0 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;
}

/* Sosyal ikonlar sağ uçta yan yana */
.menu-pill .social-links{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-left:10px !important;
}
.menu-pill .social-links a{
  padding:6px 8px !important;
  display:flex !important;
  align-items:center !important;
}
.menu-pill .social-links i{
  font-size:22px !important;
  line-height:1 !important;
}

/* WhatsApp ikonunu mini buton gibi yap */
.menu-pill .social-links .wplogo{
  background:#fff !important;
  border-radius:999px !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.10) !important;
}

/* Mobilde taşmayı engelle */
@media (max-width: 992px){
  .menu-pill{
    padding:8px 12px !important;
  }
  .menu-pill .menu-list{
    gap:14px !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
  }
  .site-logo img{
    height:46px !important;
  }
}
header .bottom{
  background:#7b2d2d !important; /* bordo */
}

header .bottom nav{
  background: transparent !important; /* nav beyazı kapat */
}
/* Pill */
.menu-pill{
  background:#ffffff !important;
  border-radius:999px !important;
  padding:12px 18px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
}

/* Pill içindeki TÜM linkler (ikon dahil) */
.menu-pill a,
.menu-pill a i{
  color:#7b2d2d !important;
  opacity: 1 !important;
}

/* Link hover */
.menu-pill a:hover,
.menu-pill a:hover i{
  opacity:.85 !important;
}

/* svg/img ikonlar */
.menu-pill img{
  filter: none !important;
  opacity: 1 !important;
}
/* Dropdown temel */
.menu-pill .has-sub{
  position: relative !important;
}

/* altmenu gizli */
.menu-pill .altmenu{
  display:none !important;
  position:absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  min-width: 260px !important;

  background:#fff !important;
  border-radius:14px !important;
  padding:10px 0 !important;
  box-shadow: 0 18px 35px rgba(0,0,0,.18) !important;
  z-index: 99999 !important;
}

/* hover ile aç */
.menu-pill .has-sub:hover > .altmenu{
  display:block !important;
}

/* dropdown iç linkler */
.menu-pill .altmenu li a{
  display:block !important;
  padding:10px 14px !important;
  color:#7b2d2d !important;
  font-weight:600 !important;
  white-space: nowrap !important;
}

.menu-pill .altmenu li a:hover{
  background: rgba(123,45,45,.08) !important;
}
/* LOGO büyüt */
.site-logo img{
  height: 100px !important;   /* 52 idi, büyüttük */
  width: auto !important;
}

/* logo alanı biraz nefes alsın */
.site-logo{
  padding: 6px 0 !important;
}
/* Mobil düzen (<=768px) */
@media (max-width: 768px) {

  /* Desktop menü kısmını mobilde gizle (SENİN class/id'ye göre isimleri uyarlayacağız) */
  .header-desktop-menu,
  .top-menu,
  .nav-desktop {
    display: none !important;
  }

  /* Mobil menü (hamburger/side) açık kalsın */
  .mobile-menu,
  .nav-mobile,
  .hamburger {
    display: block !important;
  }

  /* Logo biraz küçülsün */
  .header-logo img,
  .logo img {
    max-height: 30px;   /* 30-38 arası ideal */
    width: auto;
  }

  /* Header taşmasını engelle */
  .header,
  .header .container {
    overflow: visible;
  }

  /* Sağ üstteki balon/menü alanı mobilde taşırıyorsa */
  .header-quick,
  .header-actions,
  .header-right-bubble {
    position: static !important;
    width: 100% !important;
    border-radius: 16px !important;
    margin-top: 10px;
  }
@media (max-width: 768px) {
  /* Header'ın sağındaki şişen kutuyu mobilde alt satıra at */
  header .container,
  .header .container {
    flex-wrap: wrap !important;
  }

  /* Header sağ blok genişleyip taşırmasın */
  .header-right,
  .header-actions,
  .header-quick,
  .top-links,
  .header-menu {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Logo küçült */
  .logo img,
  .header-logo img {
    max-height: 34px !important;
    width: auto !important;
  }

  /* Mobilde ikinci kez görünen nav varsa gizlemesi daha kolay olsun diye */
  nav nav { display: none !important; }
}
<style>
/* Desktop görünür */
.onlydeskop {
  display: flex;
}

/* Mobilde gizle */
@media (max-width: 768px) {
  .onlydeskop {
    display: none !important;
  }
}
</style>
@media (max-width: 768px) {
  .site-logo img {
    max-height: 20px;   /* 32–36 arası oynayabilirsin */
    width: auto;
  }
}/* İletişim kartları içindeki yazılar */
.contact-box,
.contact-box p,
.contact-box span,
.contact-box a {
  color: #7b2d2a !important;
}

/* Kart başlıkları (Adres / Telefon / E-Posta) */
.contact-box h3,
.contact-box h4 {
  color: #7b2d2a !important;
}

/* Mavi ikonları bordo yap */
.contact-box svg,
.contact-box i {
  color: #7b2d2a !important;
  fill: #7b2d2a !important;
  stroke: #7b2d2a !important;
}
/* İletişim kartları: kutu içindeki tüm metinler bordo */
.iletisim-cards .card,
.iletisim-cards .card h2,
.iletisim-cards .card .text,
.iletisim-cards .card .text b,
.iletisim-cards .card .text * {
  color: #7b2d2a !important;
}

/* İkonları bordo yap (Line Awesome icon font) */
.iletisim-cards .card figure i {
  color: #7b2d2a !important;