@font-face { font-family: "Futura LT W02 Book"; src: url("../../assets/fonts/book.woff2") format("woff2"), url("../../assets/fonts/book.woff") format("woff"); font-display: swap; } @font-face { font-family: "Futura LT W02 Heavy"; src: url("../../assets/fonts/heavy.woff2") format("woff2"), url("../../assets/fonts/heavy.woff") format("woff"); font-display: swap; } @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); :root { /* Kurumsal renkler — form bildirim e-postaları config/mail_branding.php ile aynı hex değerleri kullanır (CSS değişkenleri e-postada çalışmaz). */ --lightblack: #374051; --blue: #0033a0; --blue--secondary: #4C70BC; --white: #ffffff; --black: #000; --font-primary: 'Futura LT W02 Book'; --font-secondary: 'Futura LT W02 Heavy'; --font-ru: 'Roboto', sans-serif; --t3: all .3s ease; } /* Dinamik formlar: tam ekran yükleme — ince dönen halka + hafif nefes animasyonu (favicon üstüne şerit yok) */ .wm-form-fullscreen-loader { position: fixed; inset: 0; z-index: 1050; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); pointer-events: auto; cursor: wait; } .wm-form-fullscreen-loader__icon-wrap { position: relative; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; } .wm-form-loader-ring { position: absolute; width: 72px; height: 72px; border-radius: 50%; border: 2px solid rgba(0, 51, 160, 0.12); border-top-color: #0033a0; border-right-color: rgba(76, 112, 188, 0.45); animation: wm-form-ring-spin 0.95s cubic-bezier(0.5, 0.1, 0.4, 0.9) infinite; box-sizing: border-box; } @keyframes wm-form-ring-spin { to { transform: rotate(360deg); } } .wm-form-loader-favicon-img { width: 52px; height: 52px; object-fit: contain; display: block; position: relative; z-index: 1; animation: wm-form-favicon-breathe 2.2s ease-in-out infinite; } @keyframes wm-form-favicon-breathe { 0%, 100% { opacity: 0.88; transform: scale(1); } 50% { opacity: 1; transform: scale(1.04); } } .wm-form-success-screen { position: fixed; inset: 0; z-index: 1051; display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: rgba(255, 255, 255, 0.88); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } .wm-form-success-screen__inner { max-width: 36rem; width: 100%; text-align: center; } html { scroll-behavior: smooth } body { display: flex; flex-direction: column; min-height: 100vh; } .site-main-content { flex: 1 0 auto; } /* Kiril: (ui-main; ru-RU vb. lang ile tam eşleşmeyen durumlar dahil) */ html.langRu body, html.langRu body *, html.langRu body *::before, html.langRu body *::after { font-family: var(--font-ru) !important; } /* Kiril alfabesi kullanan diller: Roboto font (ru, kk, bg, be, mk, sr, tg, ky, az, rs) */ html[lang="ru"] body *, html[lang="kk"] body *, html[lang="bg"] body *, html[lang="be"] body *, html[lang="mk"] body *, html[lang="sr"] body *, html[lang="tg"] body *, html[lang="ky"] body *, html[lang="az"] body *, html[lang="rs"] body * { font-family: var(--font-ru) !important } /* * MFN tema ikonları (mfn-icons): Kiril kuralları body * ve *::before üzerinde * font-family: var(--font-ru) ile ikon gliflerini ezer; icon-down-open-big vb. kaybolur. */ html.langRu [class^="icon-"]::before, html.langRu [class*=" icon-"]::before, html[lang="ru"] [class^="icon-"]::before, html[lang="ru"] [class*=" icon-"]::before, html[lang^="ru"] [class^="icon-"]::before, html[lang^="ru"] [class*=" icon-"]::before, html[lang="kk"] [class^="icon-"]::before, html[lang="kk"] [class*=" icon-"]::before, html[lang^="kk"] [class^="icon-"]::before, html[lang^="kk"] [class*=" icon-"]::before, html[lang="bg"] [class^="icon-"]::before, html[lang="bg"] [class*=" icon-"]::before, html[lang^="bg"] [class^="icon-"]::before, html[lang^="bg"] [class*=" icon-"]::before, html[lang="be"] [class^="icon-"]::before, html[lang="be"] [class*=" icon-"]::before, html[lang^="be"] [class^="icon-"]::before, html[lang^="be"] [class*=" icon-"]::before, html[lang="mk"] [class^="icon-"]::before, html[lang="mk"] [class*=" icon-"]::before, html[lang^="mk"] [class^="icon-"]::before, html[lang^="mk"] [class*=" icon-"]::before, html[lang="sr"] [class^="icon-"]::before, html[lang="sr"] [class*=" icon-"]::before, html[lang^="sr"] [class^="icon-"]::before, html[lang^="sr"] [class*=" icon-"]::before, html[lang="tg"] [class^="icon-"]::before, html[lang="tg"] [class*=" icon-"]::before, html[lang^="tg"] [class^="icon-"]::before, html[lang^="tg"] [class*=" icon-"]::before, html[lang="ky"] [class^="icon-"]::before, html[lang="ky"] [class*=" icon-"]::before, html[lang^="ky"] [class^="icon-"]::before, html[lang^="ky"] [class*=" icon-"]::before, html[lang="az"] [class^="icon-"]::before, html[lang="az"] [class*=" icon-"]::before, html[lang^="az"] [class^="icon-"]::before, html[lang^="az"] [class*=" icon-"]::before, html[lang="rs"] [class^="icon-"]::before, html[lang="rs"] [class*=" icon-"]::before, html[lang^="rs"] [class^="icon-"]::before, html[lang^="rs"] [class*=" icon-"]::before { font-family: "mfn-icons" !important; } /* Tüm card_title/press_title başlıkları için güvenli genel Kiril font kuralı */ html[lang="ru"] [class*="__card-title"], html[lang="kk"] [class*="__card-title"], html[lang="bg"] [class*="__card-title"], html[lang="be"] [class*="__card-title"], html[lang="mk"] [class*="__card-title"], html[lang="sr"] [class*="__card-title"], html[lang="tg"] [class*="__card-title"], html[lang="ky"] [class*="__card-title"], html[lang="az"] [class*="__card-title"], html[lang="rs"] [class*="__card-title"], html[lang="ru"] [class*="__press-title"], html[lang="kk"] [class*="__press-title"], html[lang="bg"] [class*="__press-title"], html[lang="be"] [class*="__press-title"], html[lang="mk"] [class*="__press-title"], html[lang="sr"] [class*="__press-title"], html[lang="tg"] [class*="__press-title"], html[lang="ky"] [class*="__press-title"], html[lang="az"] [class*="__press-title"], html[lang="rs"] [class*="__press-title"] { font-family: var(--font-ru) !important; } html[lang="ru"] .video__content__text__wrapper .video__content__text__heading, html[lang="kk"] .video__content__text__wrapper .video__content__text__heading, html[lang="bg"] .video__content__text__wrapper .video__content__text__heading, html[lang="be"] .video__content__text__wrapper .video__content__text__heading, html[lang="mk"] .video__content__text__wrapper .video__content__text__heading, html[lang="sr"] .video__content__text__wrapper .video__content__text__heading, html[lang="tg"] .video__content__text__wrapper .video__content__text__heading, html[lang="ky"] .video__content__text__wrapper .video__content__text__heading, html[lang="az"] .video__content__text__wrapper .video__content__text__heading, html[lang="rs"] .video__content__text__wrapper .video__content__text__heading { font-family: var(--font-ru) !important; line-height: 3rem !important; margin-bottom: 2rem } html[lang="ru"] .video__content__text__line, html[lang="kk"] .video__content__text__line, html[lang="bg"] .video__content__text__line, html[lang="be"] .video__content__text__line, html[lang="mk"] .video__content__text__line, html[lang="sr"] .video__content__text__line, html[lang="tg"] .video__content__text__line, html[lang="ky"] .video__content__text__line, html[lang="az"] .video__content__text__line, html[lang="rs"] .video__content__text__line { font-family: var(--font-ru) !important } /* Component-2: Kiril alfabesinde Roboto */ html[lang="ru"] .component-2__section-title, html[lang="kk"] .component-2__section-title, html[lang="bg"] .component-2__section-title, html[lang="be"] .component-2__section-title, html[lang="mk"] .component-2__section-title, html[lang="sr"] .component-2__section-title, html[lang="tg"] .component-2__section-title, html[lang="ky"] .component-2__section-title, html[lang="az"] .component-2__section-title, html[lang="rs"] .component-2__section-title, html[lang="ru"] .component-2 .heading-text, html[lang="ru"] .component-2__section-subtitle, html[lang="kk"] .component-2 .heading-text, html[lang="kk"] .component-2__section-subtitle, html[lang="bg"] .component-2 .heading-text, html[lang="bg"] .component-2__section-subtitle, html[lang="be"] .component-2 .heading-text, html[lang="be"] .component-2__section-subtitle, html[lang="mk"] .component-2 .heading-text, html[lang="mk"] .component-2__section-subtitle, html[lang="sr"] .component-2 .heading-text, html[lang="sr"] .component-2__section-subtitle, html[lang="tg"] .component-2 .heading-text, html[lang="tg"] .component-2__section-subtitle, html[lang="ky"] .component-2 .heading-text, html[lang="ky"] .component-2__section-subtitle, html[lang="az"] .component-2 .heading-text, html[lang="az"] .component-2__section-subtitle, html[lang="rs"] .component-2 .heading-text, html[lang="rs"] .component-2__section-subtitle, html[lang="ru"] .component-2__card-number, html[lang="kk"] .component-2__card-number, html[lang="bg"] .component-2__card-number, html[lang="be"] .component-2__card-number, html[lang="mk"] .component-2__card-number, html[lang="sr"] .component-2__card-number, html[lang="tg"] .component-2__card-number, html[lang="ky"] .component-2__card-number, html[lang="az"] .component-2__card-number, html[lang="rs"] .component-2__card-number, html[lang="ru"] .component-2__card-subtitle, html[lang="kk"] .component-2__card-subtitle, html[lang="bg"] .component-2__card-subtitle, html[lang="be"] .component-2__card-subtitle, html[lang="mk"] .component-2__card-subtitle, html[lang="sr"] .component-2__card-subtitle, html[lang="tg"] .component-2__card-subtitle, html[lang="ky"] .component-2__card-subtitle, html[lang="az"] .component-2__card-subtitle, html[lang="rs"] .component-2__card-subtitle { font-family: var(--font-ru) !important } html[lang="ru"] .component-4__subtitle, html[lang="kk"] .component-4__subtitle, html[lang="bg"] .component-4__subtitle, html[lang="be"] .component-4__subtitle, html[lang="mk"] .component-4__subtitle, html[lang="sr"] .component-4__subtitle, html[lang="tg"] .component-4__subtitle, html[lang="ky"] .component-4__subtitle, html[lang="az"] .component-4__subtitle, html[lang="rs"] .component-4__subtitle, html[lang="ru"] .component-4__card-title, html[lang="kk"] .component-4__card-title, html[lang="bg"] .component-4__card-title, html[lang="be"] .component-4__card-title, html[lang="mk"] .component-4__card-title, html[lang="sr"] .component-4__card-title, html[lang="tg"] .component-4__card-title, html[lang="ky"] .component-4__card-title, html[lang="az"] .component-4__card-title, html[lang="rs"] .component-4__card-title, html[lang="ru"] .component-4__card-subtitle, html[lang="ru"] .component-4__card-subtitle a, html[lang="kk"] .component-4__card-subtitle, html[lang="kk"] .component-4__card-subtitle a, html[lang="bg"] .component-4__card-subtitle, html[lang="bg"] .component-4__card-subtitle a, html[lang="be"] .component-4__card-subtitle, html[lang="be"] .component-4__card-subtitle a, html[lang="mk"] .component-4__card-subtitle, html[lang="mk"] .component-4__card-subtitle a, html[lang="sr"] .component-4__card-subtitle, html[lang="sr"] .component-4__card-subtitle a, html[lang="tg"] .component-4__card-subtitle, html[lang="tg"] .component-4__card-subtitle a, html[lang="ky"] .component-4__card-subtitle, html[lang="ky"] .component-4__card-subtitle a, html[lang="az"] .component-4__card-subtitle, html[lang="az"] .component-4__card-subtitle a, html[lang="rs"] .component-4__card-subtitle, html[lang="rs"] .component-4__card-subtitle a { font-family: var(--font-ru) !important } html[lang="ru"] .component-57-dinamik-sertifikalar .component-12__title, html[lang="kk"] .component-57-dinamik-sertifikalar .component-12__title, html[lang="bg"] .component-57-dinamik-sertifikalar .component-12__title, html[lang="be"] .component-57-dinamik-sertifikalar .component-12__title, html[lang="mk"] .component-57-dinamik-sertifikalar .component-12__title, html[lang="sr"] .component-57-dinamik-sertifikalar .component-12__title, html[lang="tg"] .component-57-dinamik-sertifikalar .component-12__title, html[lang="ky"] .component-57-dinamik-sertifikalar .component-12__title, html[lang="az"] .component-57-dinamik-sertifikalar .component-12__title, html[lang="rs"] .component-57-dinamik-sertifikalar .component-12__title, html[lang="ru"] .component-57-dinamik-sertifikalar .component-12__certificate-text, html[lang="kk"] .component-57-dinamik-sertifikalar .component-12__certificate-text, html[lang="bg"] .component-57-dinamik-sertifikalar .component-12__certificate-text, html[lang="be"] .component-57-dinamik-sertifikalar .component-12__certificate-text, html[lang="mk"] .component-57-dinamik-sertifikalar .component-12__certificate-text, html[lang="sr"] .component-57-dinamik-sertifikalar .component-12__certificate-text, html[lang="tg"] .component-57-dinamik-sertifikalar .component-12__certificate-text, html[lang="ky"] .component-57-dinamik-sertifikalar .component-12__certificate-text, html[lang="az"] .component-57-dinamik-sertifikalar .component-12__certificate-text, html[lang="rs"] .component-57-dinamik-sertifikalar .component-12__certificate-text, html[lang="ru"] .component-52 .component-13__card-title, html[lang="kk"] .component-52 .component-13__card-title, html[lang="bg"] .component-52 .component-13__card-title, html[lang="be"] .component-52 .component-13__card-title, html[lang="mk"] .component-52 .component-13__card-title, html[lang="sr"] .component-52 .component-13__card-title, html[lang="tg"] .component-52 .component-13__card-title, html[lang="ky"] .component-52 .component-13__card-title, html[lang="az"] .component-52 .component-13__card-title, html[lang="rs"] .component-52 .component-13__card-title, html[lang="ru"] .component-52 .component-13__card-subtitle, html[lang="kk"] .component-52 .component-13__card-subtitle, html[lang="bg"] .component-52 .component-13__card-subtitle, html[lang="be"] .component-52 .component-13__card-subtitle, html[lang="mk"] .component-52 .component-13__card-subtitle, html[lang="sr"] .component-52 .component-13__card-subtitle, html[lang="tg"] .component-52 .component-13__card-subtitle, html[lang="ky"] .component-52 .component-13__card-subtitle, html[lang="az"] .component-52 .component-13__card-subtitle, html[lang="rs"] .component-52 .component-13__card-subtitle, html[lang="ru"] .component-16__facility-title, html[lang="kk"] .component-16__facility-title, html[lang="bg"] .component-16__facility-title, html[lang="be"] .component-16__facility-title, html[lang="mk"] .component-16__facility-title, html[lang="sr"] .component-16__facility-title, html[lang="tg"] .component-16__facility-title, html[lang="ky"] .component-16__facility-title, html[lang="az"] .component-16__facility-title, html[lang="rs"] .component-16__facility-title, html[lang="ru"] .component-16__facility-subtitle, html[lang="kk"] .component-16__facility-subtitle, html[lang="bg"] .component-16__facility-subtitle, html[lang="be"] .component-16__facility-subtitle, html[lang="mk"] .component-16__facility-subtitle, html[lang="sr"] .component-16__facility-subtitle, html[lang="tg"] .component-16__facility-subtitle, html[lang="ky"] .component-16__facility-subtitle, html[lang="az"] .component-16__facility-subtitle, html[lang="rs"] .component-16__facility-subtitle, html[lang="ru"] .component-47__facility-title, html[lang="kk"] .component-47__facility-title, html[lang="bg"] .component-47__facility-title, html[lang="be"] .component-47__facility-title, html[lang="mk"] .component-47__facility-title, html[lang="sr"] .component-47__facility-title, html[lang="tg"] .component-47__facility-title, html[lang="ky"] .component-47__facility-title, html[lang="az"] .component-47__facility-title, html[lang="rs"] .component-47__facility-title, html[lang="ru"] .component-47__facility-subtitle, html[lang="kk"] .component-47__facility-subtitle, html[lang="bg"] .component-47__facility-subtitle, html[lang="be"] .component-47__facility-subtitle, html[lang="mk"] .component-47__facility-subtitle, html[lang="sr"] .component-47__facility-subtitle, html[lang="tg"] .component-47__facility-subtitle, html[lang="ky"] .component-47__facility-subtitle, html[lang="az"] .component-47__facility-subtitle, html[lang="rs"] .component-47__facility-subtitle, html[lang="ru"] .component-17__section-title, html[lang="kk"] .component-17__section-title, html[lang="bg"] .component-17__section-title, html[lang="be"] .component-17__section-title, html[lang="mk"] .component-17__section-title, html[lang="sr"] .component-17__section-title, html[lang="tg"] .component-17__section-title, html[lang="ky"] .component-17__section-title, html[lang="az"] .component-17__section-title, html[lang="rs"] .component-17__section-title, html[lang="ru"] .component-17__section-subtitle, html[lang="kk"] .component-17__section-subtitle, html[lang="bg"] .component-17__section-subtitle, html[lang="be"] .component-17__section-subtitle, html[lang="mk"] .component-17__section-subtitle, html[lang="sr"] .component-17__section-subtitle, html[lang="tg"] .component-17__section-subtitle, html[lang="ky"] .component-17__section-subtitle, html[lang="az"] .component-17__section-subtitle, html[lang="rs"] .component-17__section-subtitle, html[lang="ru"] .component-18__title, html[lang="kk"] .component-18__title, html[lang="bg"] .component-18__title, html[lang="be"] .component-18__title, html[lang="mk"] .component-18__title, html[lang="sr"] .component-18__title, html[lang="tg"] .component-18__title, html[lang="ky"] .component-18__title, html[lang="az"] .component-18__title, html[lang="rs"] .component-18__title, html[lang="ru"] .component-18__desc-1-title, html[lang="kk"] .component-18__desc-1-title, html[lang="bg"] .component-18__desc-1-title, html[lang="be"] .component-18__desc-1-title, html[lang="mk"] .component-18__desc-1-title, html[lang="sr"] .component-18__desc-1-title, html[lang="tg"] .component-18__desc-1-title, html[lang="ky"] .component-18__desc-1-title, html[lang="az"] .component-18__desc-1-title, html[lang="rs"] .component-18__desc-1-title, html[lang="ru"] .component-18__desc-2-title, html[lang="kk"] .component-18__desc-2-title, html[lang="bg"] .component-18__desc-2-title, html[lang="be"] .component-18__desc-2-title, html[lang="mk"] .component-18__desc-2-title, html[lang="sr"] .component-18__desc-2-title, html[lang="tg"] .component-18__desc-2-title, html[lang="ky"] .component-18__desc-2-title, html[lang="az"] .component-18__desc-2-title, html[lang="rs"] .component-18__desc-2-title, html[lang="ru"] .component-18__section-title, html[lang="kk"] .component-18__section-title, html[lang="bg"] .component-18__section-title, html[lang="be"] .component-18__section-title, html[lang="mk"] .component-18__section-title, html[lang="sr"] .component-18__section-title, html[lang="tg"] .component-18__section-title, html[lang="ky"] .component-18__section-title, html[lang="az"] .component-18__section-title, html[lang="rs"] .component-18__section-title, html[lang="ru"] .component-19__title, html[lang="kk"] .component-19__title, html[lang="bg"] .component-19__title, html[lang="be"] .component-19__title, html[lang="mk"] .component-19__title, html[lang="sr"] .component-19__title, html[lang="tg"] .component-19__title, html[lang="ky"] .component-19__title, html[lang="az"] .component-19__title, html[lang="rs"] .component-19__title, html[lang="ru"] .component-19__subtitle, html[lang="kk"] .component-19__subtitle, html[lang="bg"] .component-19__subtitle, html[lang="be"] .component-19__subtitle, html[lang="mk"] .component-19__subtitle, html[lang="sr"] .component-19__subtitle, html[lang="tg"] .component-19__subtitle, html[lang="ky"] .component-19__subtitle, html[lang="az"] .component-19__subtitle, html[lang="rs"] .component-19__subtitle, html[lang="ru"] .component-19__item-title, html[lang="kk"] .component-19__item-title, html[lang="bg"] .component-19__item-title, html[lang="be"] .component-19__item-title, html[lang="mk"] .component-19__item-title, html[lang="sr"] .component-19__item-title, html[lang="tg"] .component-19__item-title, html[lang="ky"] .component-19__item-title, html[lang="az"] .component-19__item-title, html[lang="rs"] .component-19__item-title, html[lang="ru"] .component-19__item-subtitle, html[lang="kk"] .component-19__item-subtitle, html[lang="bg"] .component-19__item-subtitle, html[lang="be"] .component-19__item-subtitle, html[lang="mk"] .component-19__item-subtitle, html[lang="sr"] .component-19__item-subtitle, html[lang="tg"] .component-19__item-subtitle, html[lang="ky"] .component-19__item-subtitle, html[lang="az"] .component-19__item-subtitle, html[lang="rs"] .component-19__item-subtitle, html[lang="ru"] .component-20__title, html[lang="kk"] .component-20__title, html[lang="bg"] .component-20__title, html[lang="be"] .component-20__title, html[lang="mk"] .component-20__title, html[lang="sr"] .component-20__title, html[lang="tg"] .component-20__title, html[lang="ky"] .component-20__title, html[lang="az"] .component-20__title, html[lang="rs"] .component-20__title, html[lang="ru"] .component-20__subtitle, html[lang="kk"] .component-20__subtitle, html[lang="bg"] .component-20__subtitle, html[lang="be"] .component-20__subtitle, html[lang="mk"] .component-20__subtitle, html[lang="sr"] .component-20__subtitle, html[lang="tg"] .component-20__subtitle, html[lang="ky"] .component-20__subtitle, html[lang="az"] .component-20__subtitle, html[lang="rs"] .component-20__subtitle, html[lang="ru"] .component-21__title, html[lang="kk"] .component-21__title, html[lang="bg"] .component-21__title, html[lang="be"] .component-21__title, html[lang="mk"] .component-21__title, html[lang="sr"] .component-21__title, html[lang="tg"] .component-21__title, html[lang="ky"] .component-21__title, html[lang="az"] .component-21__title, html[lang="rs"] .component-21__title, html[lang="ru"] .component-22__title, html[lang="kk"] .component-22__title, html[lang="bg"] .component-22__title, html[lang="be"] .component-22__title, html[lang="mk"] .component-22__title, html[lang="sr"] .component-22__title, html[lang="tg"] .component-22__title, html[lang="ky"] .component-22__title, html[lang="az"] .component-22__title, html[lang="rs"] .component-22__title, html[lang="ru"] .component-22__subtitle, html[lang="kk"] .component-22__subtitle, html[lang="bg"] .component-22__subtitle, html[lang="be"] .component-22__subtitle, html[lang="mk"] .component-22__subtitle, html[lang="sr"] .component-22__subtitle, html[lang="tg"] .component-22__subtitle, html[lang="ky"] .component-22__subtitle, html[lang="az"] .component-22__subtitle, html[lang="rs"] .component-22__subtitle, html[lang="ru"] .component-23__title, html[lang="kk"] .component-23__title, html[lang="bg"] .component-23__title, html[lang="be"] .component-23__title, html[lang="mk"] .component-23__title, html[lang="sr"] .component-23__title, html[lang="tg"] .component-23__title, html[lang="ky"] .component-23__title, html[lang="az"] .component-23__title, html[lang="rs"] .component-23__title, html[lang="ru"] .component-24__card-title, html[lang="kk"] .component-24__card-title, html[lang="bg"] .component-24__card-title, html[lang="be"] .component-24__card-title, html[lang="mk"] .component-24__card-title, html[lang="sr"] .component-24__card-title, html[lang="tg"] .component-24__card-title, html[lang="ky"] .component-24__card-title, html[lang="az"] .component-24__card-title, html[lang="rs"] .component-24__card-title, html[lang="ru"] .component-24__card-subtitle, html[lang="kk"] .component-24__card-subtitle, html[lang="bg"] .component-24__card-subtitle, html[lang="be"] .component-24__card-subtitle, html[lang="mk"] .component-24__card-subtitle, html[lang="sr"] .component-24__card-subtitle, html[lang="tg"] .component-24__card-subtitle, html[lang="ky"] .component-24__card-subtitle, html[lang="az"] .component-24__card-subtitle, html[lang="rs"] .component-24__card-subtitle, html[lang="ru"] .component-55__card-title, html[lang="kk"] .component-55__card-title, html[lang="bg"] .component-55__card-title, html[lang="be"] .component-55__card-title, html[lang="mk"] .component-55__card-title, html[lang="sr"] .component-55__card-title, html[lang="tg"] .component-55__card-title, html[lang="ky"] .component-55__card-title, html[lang="az"] .component-55__card-title, html[lang="rs"] .component-55__card-title, html[lang="ru"] .component-55__card-subtitle, html[lang="kk"] .component-55__card-subtitle, html[lang="bg"] .component-55__card-subtitle, html[lang="be"] .component-55__card-subtitle, html[lang="mk"] .component-55__card-subtitle, html[lang="sr"] .component-55__card-subtitle, html[lang="tg"] .component-55__card-subtitle, html[lang="ky"] .component-55__card-subtitle, html[lang="az"] .component-55__card-subtitle, html[lang="rs"] .component-55__card-subtitle, html[lang="ru"] .component-25__title, html[lang="kk"] .component-25__title, html[lang="bg"] .component-25__title, html[lang="be"] .component-25__title, html[lang="mk"] .component-25__title, html[lang="sr"] .component-25__title, html[lang="tg"] .component-25__title, html[lang="ky"] .component-25__title, html[lang="az"] .component-25__title, html[lang="rs"] .component-25__title, html[lang="ru"] .component-25__card-title, html[lang="kk"] .component-25__card-title, html[lang="bg"] .component-25__card-title, html[lang="be"] .component-25__card-title, html[lang="mk"] .component-25__card-title, html[lang="sr"] .component-25__card-title, html[lang="tg"] .component-25__card-title, html[lang="ky"] .component-25__card-title, html[lang="az"] .component-25__card-title, html[lang="rs"] .component-25__card-title, html[lang="ru"] .component-56__title, html[lang="kk"] .component-56__title, html[lang="bg"] .component-56__title, html[lang="be"] .component-56__title, html[lang="mk"] .component-56__title, html[lang="sr"] .component-56__title, html[lang="tg"] .component-56__title, html[lang="ky"] .component-56__title, html[lang="az"] .component-56__title, html[lang="rs"] .component-56__title, html[lang="ru"] .component-56__card-title, html[lang="kk"] .component-56__card-title, html[lang="bg"] .component-56__card-title, html[lang="be"] .component-56__card-title, html[lang="mk"] .component-56__card-title, html[lang="sr"] .component-56__card-title, html[lang="tg"] .component-56__card-title, html[lang="ky"] .component-56__card-title, html[lang="az"] .component-56__card-title, html[lang="rs"] .component-56__card-title, html[lang="ru"] .component-27__title, html[lang="kk"] .component-27__title, html[lang="bg"] .component-27__title, html[lang="be"] .component-27__title, html[lang="mk"] .component-27__title, html[lang="sr"] .component-27__title, html[lang="tg"] .component-27__title, html[lang="ky"] .component-27__title, html[lang="az"] .component-27__title, html[lang="rs"] .component-27__title, html[lang="ru"] .component-28__title, html[lang="kk"] .component-28__title, html[lang="bg"] .component-28__title, html[lang="be"] .component-28__title, html[lang="mk"] .component-28__title, html[lang="sr"] .component-28__title, html[lang="tg"] .component-28__title, html[lang="ky"] .component-28__title, html[lang="az"] .component-28__title, html[lang="rs"] .component-28__title, html[lang="ru"] .component-30__title, html[lang="kk"] .component-30__title, html[lang="bg"] .component-30__title, html[lang="be"] .component-30__title, html[lang="mk"] .component-30__title, html[lang="sr"] .component-30__title, html[lang="tg"] .component-30__title, html[lang="ky"] .component-30__title, html[lang="az"] .component-30__title, html[lang="rs"] .component-30__title, html[lang="ru"] .component-31__title, html[lang="kk"] .component-31__title, html[lang="bg"] .component-31__title, html[lang="be"] .component-31__title, html[lang="mk"] .component-31__title, html[lang="sr"] .component-31__title, html[lang="tg"] .component-31__title, html[lang="ky"] .component-31__title, html[lang="az"] .component-31__title, html[lang="rs"] .component-31__title, html[lang="ru"] .component-32__title, html[lang="kk"] .component-32__title, html[lang="bg"] .component-32__title, html[lang="be"] .component-32__title, html[lang="mk"] .component-32__title, html[lang="sr"] .component-32__title, html[lang="tg"] .component-32__title, html[lang="ky"] .component-32__title, html[lang="az"] .component-32__title, html[lang="rs"] .component-32__title, html[lang="ru"] .component-33__title, html[lang="kk"] .component-33__title, html[lang="bg"] .component-33__title, html[lang="be"] .component-33__title, html[lang="mk"] .component-33__title, html[lang="sr"] .component-33__title, html[lang="tg"] .component-33__title, html[lang="ky"] .component-33__title, html[lang="az"] .component-33__title, html[lang="rs"] .component-33__title, html[lang="ru"] .component-34__title, html[lang="kk"] .component-34__title, html[lang="bg"] .component-34__title, html[lang="be"] .component-34__title, html[lang="mk"] .component-34__title, html[lang="sr"] .component-34__title, html[lang="tg"] .component-34__title, html[lang="ky"] .component-34__title, html[lang="az"] .component-34__title, html[lang="rs"] .component-34__title, html[lang="ru"] .component-36__title, html[lang="kk"] .component-36__title, html[lang="bg"] .component-36__title, html[lang="be"] .component-36__title, html[lang="mk"] .component-36__title, html[lang="sr"] .component-36__title, html[lang="tg"] .component-36__title, html[lang="ky"] .component-36__title, html[lang="az"] .component-36__title, html[lang="rs"] .component-36__title, html[lang="ru"] .component-36__title-2, html[lang="kk"] .component-36__title-2, html[lang="bg"] .component-36__title-2, html[lang="be"] .component-36__title-2, html[lang="mk"] .component-36__title-2, html[lang="sr"] .component-36__title-2, html[lang="tg"] .component-36__title-2, html[lang="ky"] .component-36__title-2, html[lang="az"] .component-36__title-2, html[lang="rs"] .component-36__title-2, html[lang="ru"] .component-37__content-title, html[lang="kk"] .component-37__content-title, html[lang="bg"] .component-37__content-title, html[lang="be"] .component-37__content-title, html[lang="mk"] .component-37__content-title, html[lang="sr"] .component-37__content-title, html[lang="tg"] .component-37__content-title, html[lang="ky"] .component-37__content-title, html[lang="az"] .component-37__content-title, html[lang="rs"] .component-37__content-title, html[lang="ru"] .component-37__mobile-title, html[lang="kk"] .component-37__mobile-title, html[lang="bg"] .component-37__mobile-title, html[lang="be"] .component-37__mobile-title, html[lang="mk"] .component-37__mobile-title, html[lang="sr"] .component-37__mobile-title, html[lang="tg"] .component-37__mobile-title, html[lang="ky"] .component-37__mobile-title, html[lang="az"] .component-37__mobile-title, html[lang="rs"] .component-37__mobile-title, html[lang="ru"] .component-37__title-p, html[lang="kk"] .component-37__title-p, html[lang="bg"] .component-37__title-p, html[lang="be"] .component-37__title-p, html[lang="mk"] .component-37__title-p, html[lang="sr"] .component-37__title-p, html[lang="tg"] .component-37__title-p, html[lang="ky"] .component-37__title-p, html[lang="az"] .component-37__title-p, html[lang="rs"] .component-37__title-p, html[lang="ru"] .component-38__mavi-title, html[lang="kk"] .component-38__mavi-title, html[lang="bg"] .component-38__mavi-title, html[lang="be"] .component-38__mavi-title, html[lang="mk"] .component-38__mavi-title, html[lang="sr"] .component-38__mavi-title, html[lang="tg"] .component-38__mavi-title, html[lang="ky"] .component-38__mavi-title, html[lang="az"] .component-38__mavi-title, html[lang="rs"] .component-38__mavi-title, html[lang="ru"] .component-38__yesil-title, html[lang="kk"] .component-38__yesil-title, html[lang="bg"] .component-38__yesil-title, html[lang="be"] .component-38__yesil-title, html[lang="mk"] .component-38__yesil-title, html[lang="sr"] .component-38__yesil-title, html[lang="tg"] .component-38__yesil-title, html[lang="ky"] .component-38__yesil-title, html[lang="az"] .component-38__yesil-title, html[lang="rs"] .component-38__yesil-title, html[lang="ru"] .component-39__press-title, html[lang="kk"] .component-39__press-title, html[lang="bg"] .component-39__press-title, html[lang="be"] .component-39__press-title, html[lang="mk"] .component-39__press-title, html[lang="sr"] .component-39__press-title, html[lang="tg"] .component-39__press-title, html[lang="ky"] .component-39__press-title, html[lang="az"] .component-39__press-title, html[lang="rs"] .component-39__press-title, html[lang="ru"] .component-53__press-title, html[lang="kk"] .component-53__press-title, html[lang="bg"] .component-53__press-title, html[lang="be"] .component-53__press-title, html[lang="mk"] .component-53__press-title, html[lang="sr"] .component-53__press-title, html[lang="tg"] .component-53__press-title, html[lang="ky"] .component-53__press-title, html[lang="az"] .component-53__press-title, html[lang="rs"] .component-53__press-title, html[lang="ru"] .component-40__title, html[lang="kk"] .component-40__title, html[lang="bg"] .component-40__title, html[lang="be"] .component-40__title, html[lang="mk"] .component-40__title, html[lang="sr"] .component-40__title, html[lang="tg"] .component-40__title, html[lang="ky"] .component-40__title, html[lang="az"] .component-40__title, html[lang="rs"] .component-40__title, html[lang="ru"] .component-40__press-title, html[lang="kk"] .component-40__press-title, html[lang="bg"] .component-40__press-title, html[lang="be"] .component-40__press-title, html[lang="mk"] .component-40__press-title, html[lang="sr"] .component-40__press-title, html[lang="tg"] .component-40__press-title, html[lang="ky"] .component-40__press-title, html[lang="az"] .component-40__press-title, html[lang="rs"] .component-40__press-title, html[lang="ru"] .component-54__title, html[lang="kk"] .component-54__title, html[lang="bg"] .component-54__title, html[lang="be"] .component-54__title, html[lang="mk"] .component-54__title, html[lang="sr"] .component-54__title, html[lang="tg"] .component-54__title, html[lang="ky"] .component-54__title, html[lang="az"] .component-54__title, html[lang="rs"] .component-54__title, html[lang="ru"] .component-54__press-title, html[lang="kk"] .component-54__press-title, html[lang="bg"] .component-54__press-title, html[lang="be"] .component-54__press-title, html[lang="mk"] .component-54__press-title, html[lang="sr"] .component-54__press-title, html[lang="tg"] .component-54__press-title, html[lang="ky"] .component-54__press-title, html[lang="az"] .component-54__press-title, html[lang="rs"] .component-54__press-title, html[lang="ru"] .component-41__press-title, html[lang="kk"] .component-41__press-title, html[lang="bg"] .component-41__press-title, html[lang="be"] .component-41__press-title, html[lang="mk"] .component-41__press-title, html[lang="sr"] .component-41__press-title, html[lang="tg"] .component-41__press-title, html[lang="ky"] .component-41__press-title, html[lang="az"] .component-41__press-title, html[lang="rs"] .component-41__press-title, html[lang="ru"] .component-58__press-title, html[lang="kk"] .component-58__press-title, html[lang="bg"] .component-58__press-title, html[lang="be"] .component-58__press-title, html[lang="mk"] .component-58__press-title, html[lang="sr"] .component-58__press-title, html[lang="tg"] .component-58__press-title, html[lang="ky"] .component-58__press-title, html[lang="az"] .component-58__press-title, html[lang="rs"] .component-58__press-title, html[lang="ru"] .component-42__title, html[lang="kk"] .component-42__title, html[lang="bg"] .component-42__title, html[lang="be"] .component-42__title, html[lang="mk"] .component-42__title, html[lang="sr"] .component-42__title, html[lang="tg"] .component-42__title, html[lang="ky"] .component-42__title, html[lang="az"] .component-42__title, html[lang="rs"] .component-42__title, html[lang="ru"] .component-42__adress-title, html[lang="kk"] .component-42__adress-title, html[lang="bg"] .component-42__adress-title, html[lang="be"] .component-42__adress-title, html[lang="mk"] .component-42__adress-title, html[lang="sr"] .component-42__adress-title, html[lang="tg"] .component-42__adress-title, html[lang="ky"] .component-42__adress-title, html[lang="az"] .component-42__adress-title, html[lang="rs"] .component-42__adress-title, html[lang="ru"] .component-44__title, html[lang="kk"] .component-44__title, html[lang="bg"] .component-44__title, html[lang="be"] .component-44__title, html[lang="mk"] .component-44__title, html[lang="sr"] .component-44__title, html[lang="tg"] .component-44__title, html[lang="ky"] .component-44__title, html[lang="az"] .component-44__title, html[lang="rs"] .component-44__title, html[lang="ru"] .component-48__title, html[lang="kk"] .component-48__title, html[lang="bg"] .component-48__title, html[lang="be"] .component-48__title, html[lang="mk"] .component-48__title, html[lang="sr"] .component-48__title, html[lang="tg"] .component-48__title, html[lang="ky"] .component-48__title, html[lang="az"] .component-48__title, html[lang="rs"] .component-48__title, html[lang="ru"] .component-49__title, html[lang="kk"] .component-49__title, html[lang="bg"] .component-49__title, html[lang="be"] .component-49__title, html[lang="mk"] .component-49__title, html[lang="sr"] .component-49__title, html[lang="tg"] .component-49__title, html[lang="ky"] .component-49__title, html[lang="az"] .component-49__title, html[lang="rs"] .component-49__title, html[lang="ru"] .component-49__first-tab-subtitle, html[lang="kk"] .component-49__first-tab-subtitle, html[lang="bg"] .component-49__first-tab-subtitle, html[lang="be"] .component-49__first-tab-subtitle, html[lang="mk"] .component-49__first-tab-subtitle, html[lang="sr"] .component-49__first-tab-subtitle, html[lang="tg"] .component-49__first-tab-subtitle, html[lang="ky"] .component-49__first-tab-subtitle, html[lang="az"] .component-49__first-tab-subtitle, html[lang="rs"] .component-49__first-tab-subtitle, html[lang="ru"] .component-49__second-tab-subtitle, html[lang="kk"] .component-49__second-tab-subtitle, html[lang="bg"] .component-49__second-tab-subtitle, html[lang="be"] .component-49__second-tab-subtitle, html[lang="mk"] .component-49__second-tab-subtitle, html[lang="sr"] .component-49__second-tab-subtitle, html[lang="tg"] .component-49__second-tab-subtitle, html[lang="ky"] .component-49__second-tab-subtitle, html[lang="az"] .component-49__second-tab-subtitle, html[lang="rs"] .component-49__second-tab-subtitle, html[lang="ru"] .component-50__facility-title, html[lang="kk"] .component-50__facility-title, html[lang="bg"] .component-50__facility-title, html[lang="be"] .component-50__facility-title, html[lang="mk"] .component-50__facility-title, html[lang="sr"] .component-50__facility-title, html[lang="tg"] .component-50__facility-title, html[lang="ky"] .component-50__facility-title, html[lang="az"] .component-50__facility-title, html[lang="rs"] .component-50__facility-title, html[lang="ru"] .component-50__facility-subtitle, html[lang="kk"] .component-50__facility-subtitle, html[lang="bg"] .component-50__facility-subtitle, html[lang="be"] .component-50__facility-subtitle, html[lang="mk"] .component-50__facility-subtitle, html[lang="sr"] .component-50__facility-subtitle, html[lang="tg"] .component-50__facility-subtitle, html[lang="ky"] .component-50__facility-subtitle, html[lang="az"] .component-50__facility-subtitle, html[lang="rs"] .component-50__facility-subtitle, html[lang="ru"] .component-15__title, html[lang="kk"] .component-15__title, html[lang="bg"] .component-15__title, html[lang="be"] .component-15__title, html[lang="mk"] .component-15__title, html[lang="sr"] .component-15__title, html[lang="tg"] .component-15__title, html[lang="ky"] .component-15__title, html[lang="az"] .component-15__title, html[lang="rs"] .component-15__title, html[lang="ru"] .component-14__card-title, html[lang="kk"] .component-14__card-title, html[lang="bg"] .component-14__card-title, html[lang="be"] .component-14__card-title, html[lang="mk"] .component-14__card-title, html[lang="sr"] .component-14__card-title, html[lang="tg"] .component-14__card-title, html[lang="ky"] .component-14__card-title, html[lang="az"] .component-14__card-title, html[lang="rs"] .component-14__card-title, html[lang="ru"] .component-13__card-title, html[lang="kk"] .component-13__card-title, html[lang="bg"] .component-13__card-title, html[lang="be"] .component-13__card-title, html[lang="mk"] .component-13__card-title, html[lang="sr"] .component-13__card-title, html[lang="tg"] .component-13__card-title, html[lang="ky"] .component-13__card-title, html[lang="az"] .component-13__card-title, html[lang="rs"] .component-13__card-title, html[lang="ru"] .component-13__card-subtitle, html[lang="kk"] .component-13__card-subtitle, html[lang="bg"] .component-13__card-subtitle, html[lang="be"] .component-13__card-subtitle, html[lang="mk"] .component-13__card-subtitle, html[lang="sr"] .component-13__card-subtitle, html[lang="tg"] .component-13__card-subtitle, html[lang="ky"] .component-13__card-subtitle, html[lang="az"] .component-13__card-subtitle, html[lang="rs"] .component-13__card-subtitle, html[lang="ru"] .component-12__title, html[lang="kk"] .component-12__title, html[lang="bg"] .component-12__title, html[lang="be"] .component-12__title, html[lang="mk"] .component-12__title, html[lang="sr"] .component-12__title, html[lang="tg"] .component-12__title, html[lang="ky"] .component-12__title, html[lang="az"] .component-12__title, html[lang="rs"] .component-12__title, html[lang="ru"] .component-12__certificate-text, html[lang="kk"] .component-12__certificate-text, html[lang="bg"] .component-12__certificate-text, html[lang="be"] .component-12__certificate-text, html[lang="mk"] .component-12__certificate-text, html[lang="sr"] .component-12__certificate-text, html[lang="tg"] .component-12__certificate-text, html[lang="ky"] .component-12__certificate-text, html[lang="az"] .component-12__certificate-text, html[lang="rs"] .component-12__certificate-text, html[lang="ru"] .component-11__title, html[lang="kk"] .component-11__title, html[lang="bg"] .component-11__title, html[lang="be"] .component-11__title, html[lang="mk"] .component-11__title, html[lang="sr"] .component-11__title, html[lang="tg"] .component-11__title, html[lang="ky"] .component-11__title, html[lang="az"] .component-11__title, html[lang="rs"] .component-11__title, html[lang="ru"] .component-11__card-title, html[lang="kk"] .component-11__card-title, html[lang="bg"] .component-11__card-title, html[lang="be"] .component-11__card-title, html[lang="mk"] .component-11__card-title, html[lang="sr"] .component-11__card-title, html[lang="tg"] .component-11__card-title, html[lang="ky"] .component-11__card-title, html[lang="az"] .component-11__card-title, html[lang="rs"] .component-11__card-title, html[lang="ru"] .component-10__text, html[lang="kk"] .component-10__text, html[lang="bg"] .component-10__text, html[lang="be"] .component-10__text, html[lang="mk"] .component-10__text, html[lang="sr"] .component-10__text, html[lang="tg"] .component-10__text, html[lang="ky"] .component-10__text, html[lang="az"] .component-10__text, html[lang="rs"] .component-10__text, html[lang="ru"] .component-8__card-title, html[lang="kk"] .component-8__card-title, html[lang="bg"] .component-8__card-title, html[lang="be"] .component-8__card-title, html[lang="mk"] .component-8__card-title, html[lang="sr"] .component-8__card-title, html[lang="tg"] .component-8__card-title, html[lang="ky"] .component-8__card-title, html[lang="az"] .component-8__card-title, html[lang="rs"] .component-8__card-title { font-family: var(--font-ru) !important } html[lang="ru"] .component-5__subtitle, html[lang="kk"] .component-5__subtitle, html[lang="bg"] .component-5__subtitle, html[lang="be"] .component-5__subtitle, html[lang="mk"] .component-5__subtitle, html[lang="sr"] .component-5__subtitle, html[lang="tg"] .component-5__subtitle, html[lang="ky"] .component-5__subtitle, html[lang="az"] .component-5__subtitle, html[lang="rs"] .component-5__subtitle, html[lang="ru"] .component-5__news-title, html[lang="ru"] .component-5__news-title a, html[lang="kk"] .component-5__news-title, html[lang="kk"] .component-5__news-title a, html[lang="bg"] .component-5__news-title, html[lang="bg"] .component-5__news-title a, html[lang="be"] .component-5__news-title, html[lang="be"] .component-5__news-title a, html[lang="mk"] .component-5__news-title, html[lang="mk"] .component-5__news-title a, html[lang="sr"] .component-5__news-title, html[lang="sr"] .component-5__news-title a, html[lang="tg"] .component-5__news-title, html[lang="tg"] .component-5__news-title a, html[lang="ky"] .component-5__news-title, html[lang="ky"] .component-5__news-title a, html[lang="az"] .component-5__news-title, html[lang="az"] .component-5__news-title a, html[lang="rs"] .component-5__news-title, html[lang="rs"] .component-5__news-title a { font-family: var(--font-ru) !important } html[lang="ru"] .component-3__titles, html[lang="kk"] .component-3__titles, html[lang="bg"] .component-3__titles, html[lang="be"] .component-3__titles, html[lang="mk"] .component-3__titles, html[lang="sr"] .component-3__titles, html[lang="tg"] .component-3__titles, html[lang="ky"] .component-3__titles, html[lang="az"] .component-3__titles, html[lang="rs"] .component-3__titles { font-family: var(--font-ru) !important } a { text-decoration: none !important } img { border-radius: 8px !important } .font--primary { font-family: var(--font-primary) } .font-secondary { font-family: var(--font-secondary) } .site__btn { padding: .25rem 1.75rem; border-radius: 16px; transition: var(--t3); font-weight: 700; display: flex; align-items: center; justify-content: center; letter-spacing: 2px; font-size: .85rem; width: fit-content; position: relative } .site__btn:hover { opacity: .7 } .site__btn--bg--white { background-color: var(--white) } .site__btn--bg--blue { background-color: var(--blue); display: inline-flex; align-items: center; justify-content: center; padding: .25rem 1.75rem; border-radius: 16px; font-weight: 700; letter-spacing: 2px; font-size: .85rem; color: var(--white); border: none; cursor: pointer; transition: var(--t3) } .site__btn--bg--transparent { background-color: transparent } .site__btn--bg--transparent:hover { background-color: var(--white); color: var(--blue) } .site__btn--bg--transparent:hover svg { fill: var(--blue) } .site__btn--border--blue { border: 1px solid var(--blue) } .site__btn--border--blue--secondary { border: 1px solid var(--blue--secondary) } .site__btn--border--white { border: 1px solid var(--white) } .site__btn--text--icon { position: relative; font-weight: 700; display: block } .site__btn--text--icon::after { content: "→"; font-size: 1.5rem; position: absolute; padding-left: .25rem } .site__btn--text--icon:hover { opacity: .7 } .color--lightblack { color: var(--lightblack) !important } .color--white { color: var(--white) !important } .color--blue { color: var(--blue) !important } .color--blue--secondary { color: var(--blue--secondary) !important } .bg--blue { background-color: var(--blue) !important } .heading-text { font-family: var(--font-secondary); font-size: 2rem; color: #374051; line-height: 2.5rem; letter-spacing: 0px } /* Component-2: etiket değişse de stiller aynı kalsın (SEO/hiyerarşi) */ .component-2__section-title { font-family: 'Futura LT W02 Book', var(--font-primary) !important; font-size: 22px !important; line-height: 1.4 !important; font-weight: 400 !important; color: #374051 !important; letter-spacing: 0 !important; margin: 0; } .component-2 .heading-text, .component-2__section-subtitle { font-family: var(--font-secondary) !important; font-size: 2rem !important; color: #374051 !important; line-height: 2.5rem !important; letter-spacing: 0 !important; } .component-2__card-number { font-family: 'Futura LT W02 Heavy', var(--font-secondary) !important; font-size: 44px !important; line-height: 54px !important; font-weight: 400 !important; color: #374051 !important; margin: 0 0 .5rem 0; } .component-2__card-subtitle { font-family: 'Futura LT W02 Heavy', var(--font-secondary) !important; font-size: 24px !important; line-height: 34px !important; font-weight: 400 !important; color: #374051 !important; margin: 0 0 .5rem 0; } /* Component-3: Title1+Title2+Title3 tek etiket, etiket değişse de stil aynı (h2 görünümü) */ .component-3__titles { font-family: 'Futura LT W02 Heavy', var(--font-secondary) !important; font-size: 54px !important; line-height: 64px !important; font-weight: 700 !important; color: #374051 !important; letter-spacing: 0 !important; margin: 0; } @media only screen and (min-width: 768px) and (max-width: 959px) { .component-3__titles { font-size: 46px !important; line-height: 54px !important; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .component-3__titles { font-size: 41px !important; line-height: 48px !important; } } @media only screen and (max-width: 479px) { .component-3__titles { font-size: 32px !important; line-height: 38px !important; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .component-2__section-title { font-size: 20px !important; } .component-2 .heading-text, .component-2__section-subtitle { font-size: 1.75rem !important; line-height: 2.25rem !important; } .component-2__card-number { font-size: 37px !important; line-height: 46px !important; } .component-2__card-subtitle { font-size: 20px !important; line-height: 29px !important; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .component-2__section-title { font-size: 18px !important; } .component-2 .heading-text, .component-2__section-subtitle { font-size: 1.5rem !important; line-height: 2rem !important; } .component-2__card-number { font-size: 33px !important; line-height: 41px !important; } .component-2__card-subtitle { font-size: 18px !important; line-height: 26px !important; } } @media only screen and (max-width: 479px) { .component-2__section-title { font-size: 16px !important; } .component-2 .heading-text, .component-2__section-subtitle { font-size: 1.25rem !important; line-height: 1.6rem !important; } .component-2__card-number { font-size: 26px !important; line-height: 32px !important; } .component-2__card-subtitle { font-size: 14px !important; line-height: 20px !important; } } .font--size--100 { font-size: 1rem } .font--size--125 { font-size: 1.25rem } .font--size--150 { font-size: 1.5rem } .font--size--175 { font-size: 1.75rem } .font--size--200 { font-size: 2rem } .font--size--225 { font-size: 2.25rem } .font--size--250 { font-size: 2.5rem } .font--size--275 { font-size: 2.75rem } .font--size--300 { font-size: 3rem } .line-height-1 { line-height: 1rem } .navbar { position: absolute; top: 0; width: 100%; z-index: 11 } .navbar__wrapper { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0 } .navbar__wrapper .navbar__menu { display: flex; align-items: center; cursor: pointer; font-family: var(--font-primary); font-weight: 700 } .navbar__wrapper .navbar__menu span { color: #fff; position: relative; letter-spacing: 2px; font-size: .85rem } .navbar__wrapper .navbar__menu .navbar__menu__icon { padding-left: .5rem } .navbar__wrapper .navbar__menu .navbar__menu__icon div { width: 30px; height: 3px; background-color: var(--white); margin-bottom: 5px; transition: var(--t3) } .navbar__wrapper .navbar__menu:hover .navbar__menu__icon div:first-child { width: 20px } .navbar-brand img { max-width: 250px; width: 250px; height: auto } .video__content { position: relative; height: 100vh; min-height: -webkit-fill-available } .video__content__video video, .video__content__video img { position: absolute; height: 100% !important; width: 100%; object-fit: cover; min-height: -webkit-fill-available } .video__content__text { height: 100vh; display: flex; align-items: center } .video__content__text::before { content: ""; background: rgb(45, 41, 135); background: linear-gradient(90deg, rgba(0, 51, 160, 1)10%, rgba(0, 51, 160, 0.7749474789915967)36%, rgba(0, 51, 160, 0.39399509803921573)85%); position: absolute; width: 100%; height: 100%; top: 0 } /* Hero başlık: etiket (h1/h2/h3/.../p) değişse de görünüm hep aynı kalır – sadece class ile stil */ .video__content__text__wrapper .video__content__text__heading { color: #fff !important; font-size: 48px !important; line-height: 5rem !important; font-weight: 700 !important; letter-spacing: 2px !important; font-family: 'Futura LT W02 Heavy', var(--font-secondary) !important; margin: 0; } @media only screen and (min-width: 768px) and (max-width: 959px) { .video__content__text__wrapper .video__content__text__heading { font-size: 41px !important; line-height: 4.3rem !important; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .video__content__text__wrapper .video__content__text__heading { font-size: 36px !important; line-height: 3.8rem !important; } } @media only screen and (max-width: 479px) { .video__content__text__wrapper .video__content__text__heading { font-size: 29px !important; line-height: 3rem !important; } } .video__content__text__wrapper h1 { color: #fff; line-height: 4rem } .video__content__text__line { font-family: 'Futura LT W02 Heavy'; /* line-height: 4.5rem; sadece masaüstü – mobilde aşağıdaki media query geçerli */ line-height: 4.5rem; } @media only screen and (max-width: 767px) { .video__content__text__line { line-height: 1.35; } } .video__content__text__wrapper p { color: #fff; max-width: 45% } .site__menu { position: fixed; right: -350px; top: 0; width: 350px; height: 100%; background: var(--blue); transition: var(--t3); z-index: 9003; padding: 1rem 3rem; overflow-y: scroll; } .site__menu--active { right: 0 !important; } .site__menu__close { cursor: pointer; transition: var(--t3); color: var(--white); font-family: var(--font-secondary); font-size: 2rem; } .site__menu__close:hover { opacity: .7; } .site__menu__bottom ul li a { color: var(--white); transition: var(--t3); font-family: var(--font-secondary); } .site__menu__bottom ul li a:hover { opacity: .7; text-decoration: none; } .accordion { background-color: transparent; padding-top: 3rem; } .accordion .card { background-color: transparent; border: 0; margin-bottom: .5rem; font-family: var(--font-secondary); } .accordion .card .sub-header { font-size: .95rem !important; font-weight: normal !important; } .accordion .card .card-header { background-color: transparent; border: 0; color: var(--white); cursor: pointer; padding: .25rem 0; font-weight: 700; font-size: 1.25rem; } .accordion .card .card-header::after { content: "›"; position: absolute; right: 0; transform: rotate(90deg); } .wmlife .accordion .card .card-header { background: transparent !important; color: var(--blue); border-bottom: 1px solid var(--blue); margin-bottom: 0; } .wmlife .accordion .card .card-header::after { content: "›"; right: 1rem; } .long-accordion .accordion .card .card-header { background: transparent !important; color: var(--blue); border-bottom: 1px solid var(--blue); margin-bottom: 0; } .long-accordion .accordion .card .card-header::after { content: "›"; right: 1rem; top: 2rem; } .accordion .card .card-header:hover { opacity: .7; } .accordion .card .card-header[aria-expanded="true"]::after { transform: rotate(0deg); } .accordion .card .card-body { padding: 0; margin: 0 0 1rem 0; } .accordion .card .card-body ul li { padding: .25rem 0; } .accordion .card .card-body ul li a { color: var(--white); transition: var(--t3); font-size: .95rem; } .accordion .card .card-body ul li a:hover { opacity: .7; text-decoration: none; } .site__btn svg { width: 1rem; height: 1rem; fill: var(--blue--secondary); transition: var(--t3) } .intro-inner h4 span { font-family: 'Inter', sans-serif } .slider_pagination a.selected { width: 12px; height: 12px; top: 0; margin: 0 10px; border-radius: 50% } .slider_pagination a.selected:after { content: ""; width: 12px; height: 12px; padding: 5px; transform: none; top: 0px; border-radius: 50%; left: 0px; position: absolute } .slider_pagination a.selected:before { background-color: var(--white); content: ""; width: 18px; height: 18px; padding: 5px; transform: none; top: -3px; border-radius: 50%; left: -3px; position: absolute; border: 1px solid var(--blue) } .page__head { height: 35vh !important; background-position: center; background-size: cover; position: relative; display: flex; align-items: flex-end; z-index: 1 } .page__head::before { content: ""; background-color: var(--blue); position: absolute; width: 100%; height: 100%; opacity: .6; z-index: -1 } .breadcrumb { position: relative; top: -3rem; background: transparent; padding: 0; margin-bottom: 0 } .breadcrumb ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 } .breadcrumb ul li { color: var(--white); list-style: none } .breadcrumb ul li:first-child a { font-weight: bold } .breadcrumb ul li a { color: var(--white); font-family: var(--font-primary) } .breadcrumb ul li::after { content: "/"; padding: 0 .5rem } .breadcrumb ul li:last-child::after { content: "" } .breadcrumb-with-image { padding-top: 160px } .breadcrumb-without-image { padding-top: 200px; margin-bottom: -40px } .breadcrumb-without-image a, .breadcrumb-without-image span { color: var(--black); white-space: nowrap; } .breadcrumb-without-image.breadcrumb ul li:first-child { color: var(--black); font-weight: bold } .video__content__text__wrapper.text--anime--wrapper { max-width: 50% } .text--anime--wrapper { position: relative; display: flex; width: fit-content; overflow: hidden; margin: 0; line-height: 45px } .text--anime { width: 100%; height: 100%; position: absolute; left: -100%; top: 0; animation: textAnime 2.15s forwards } .text--anime--wrapper h2, .text--anime--wrapper h1 { margin-bottom: 0; display: inline-block; line-height: 84px } /* Component-5: Subtitle tag seçilebilir; News Title etiketi seçilebilir, görünüm birebir */ /* Etiket (h1/h2/…/p) ne olursa olsun aynı görünüm */ /* Component-8: card_title etiket seçilebilir, büyük/küçük stil korunur */ .component-8 .text--anime--wrapper .component-8__card-title { margin: 0 !important; display: inline-block !important; font-family: 'Futura LT W02 Heavy', var(--font-secondary) !important; color: #374051 !important; letter-spacing: 0 !important; line-height: inherit !important; } .component-8 .text--anime--wrapper .component-8__card-title--big { font-size: 54px !important; line-height: 62px !important; font-weight: 700 !important; } .component-8 .text--anime--wrapper .component-8__card-title--small { font-size: 1.5rem !important; line-height: 1.4 !important; font-weight: 700 !important; } @media only screen and (min-width: 768px) and (max-width: 959px) { .component-8 .text--anime--wrapper .component-8__card-title--big { font-size: 46px !important; line-height: 54px !important; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .component-8 .text--anime--wrapper .component-8__card-title--big { font-size: 41px !important; line-height: 48px !important; } .component-8 .text--anime--wrapper .component-8__card-title--small { font-size: 1.25rem !important; } } @media only screen and (max-width: 479px) { .component-8 .text--anime--wrapper .component-8__card-title--big { font-size: 32px !important; line-height: 38px !important; } .component-8 .text--anime--wrapper .component-8__card-title--small { font-size: 1.125rem !important; } } /* Component-16: Facility Title + Facility Subtitle etiket seçilebilir, stil korunur */ .component-16 .text--anime--wrapper .component-16__facility-title { margin: 0 !important; display: inline-block !important; line-height: 84px !important; font-size: 54px !important; font-weight: 400 !important; font-family: 'Futura LT W02 Heavy', var(--font-secondary) !important; color: #374051 !important; letter-spacing: 0 !important; } .component-16 .component-16__facility-subtitle { margin: 0 !important; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.5 !important; display: block !important; } @media only screen and (max-width: 767px) { .component-16 .text--anime--wrapper .component-16__facility-title { line-height: 50px !important; font-size: 41px !important; } } /* Kiril: Futura kurallarından daha yüksek özgüllük (üstteki html[lang] listesi yetmez) */ html.langRu .component-16 .text--anime--wrapper .component-16__facility-title { font-family: var(--font-ru) !important; font-weight: 700 !important; } html.langRu .component-16 .component-16__facility-subtitle { font-family: var(--font-ru) !important; } /* Component-47: Facility Title + Facility Subtitle etiket seçilebilir, stil korunur */ .component-47 .text--anime--wrapper .component-47__facility-title { margin: 0 !important; display: inline-block !important; line-height: 84px !important; font-size: 54px !important; font-weight: 400 !important; font-family: 'Futura LT W02 Heavy', var(--font-secondary) !important; color: #374051 !important; letter-spacing: 0 !important; } .component-47 .component-47__facility-subtitle { margin: 0 !important; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.5 !important; display: block !important; } @media only screen and (max-width: 767px) { .component-47 .text--anime--wrapper .component-47__facility-title { line-height: 50px !important; font-size: 41px !important; } } html.langRu .component-47 .text--anime--wrapper .component-47__facility-title { font-family: var(--font-ru) !important; font-weight: 700 !important; } html.langRu .component-47 .component-47__facility-subtitle { font-family: var(--font-ru) !important; } /* Component-15: Title etiket seçilebilir, stil korunur */ .component-15 .component-15__title { margin: 0 0 0.25rem 0 !important; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.5 !important; display: block !important; } /* Component-17: Section Title + Section Subtitle etiket seçilebilir, stil korunur */ .component-17 .component-17__section-title { margin: 0 0 0.5rem 0 !important; font-size: 1.75rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } .component-17 .component-17__section-subtitle { margin: 0 !important; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.5 !important; display: block !important; } /* Component-18: Title, Desc_1/2_title, Section_1/2/3_title etiket seçilebilir, stil korunur */ .component-18 .component-18__title { margin: 0 0 0.5rem 0 !important; font-size: 1.75rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } .component-18 .component-18__desc-1-title, .component-18 .component-18__desc-2-title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } .component-18 .component-18__section-title { margin: 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: inline-block !important; border-bottom: 2px solid #0033a0 !important; } /* Component-19: Title, Subtitle, Item Title etiket seçilebilir; Item Subtitle her zaman p */ .component-19 .component-19__title { margin: 0 0 0.5rem 0 !important; font-size: 1.75rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } .component-19 .component-19__subtitle { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } .component-19 .component-19__item-title { margin: 0 0 0.25rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } .component-19 .component-19__item-subtitle { margin: 0 !important; font-size: 1rem !important; font-weight: 500 !important; line-height: 1.4 !important; display: block !important; } /* Component-20: Publication Title, Publication Subtitle etiket seçilebilir */ .component-20 .component-20__title { margin: 0 0 0.5rem 0 !important; font-size: 1.75rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } .component-20 .component-20__subtitle { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } /* Component-21: Title etiket seçilebilir */ .component-21 .component-21__title { margin: 0 0 0.5rem 0 !important; font-size: 1.75rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } /* Component-22: Title, Subtitle etiket seçilebilir */ .component-22 .component-22__title { margin: 0 0 0.5rem 0 !important; font-size: 1.75rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } .component-22 .component-22__subtitle { margin: 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } /* Component-23: Title etiket seçilebilir */ .component-23 .component-23__title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } /* Component-24: Magazine Card Title etiket seçilebilir; Card Subtitle her zaman p */ .component-24 .component-24__card-title { margin: 0 0 0.25rem 0 !important; font-size: 1.25rem !important; font-weight: 400 !important; line-height: 1.5 !important; display: block !important; } .component-24 .component-24__card-subtitle { margin: 0 !important; font-size: 14px !important; line-height: 24px !important; font-weight: 400 !important; display: block !important; } /* Component-55 (Dinamik WM Life): Magazine Card Title etiket seçilebilir; Card Subtitle her zaman p */ .component-55-dinamik-wm-life .component-55__card-title { margin: 0 0 0.25rem 0 !important; font-size: 1.25rem !important; font-weight: 400 !important; line-height: 1.5 !important; display: block !important; } .component-55-dinamik-wm-life .component-55__card-subtitle { margin: 0 !important; font-size: 14px !important; line-height: 24px !important; font-weight: 400 !important; display: block !important; } /* Component-25: Title, Card Title etiket seçilebilir */ .component-25 .component-25__title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } .component-25 .component-25__card-title { margin: 0 0 0.25rem 0 !important; font-size: 1.25rem !important; font-weight: 400 !important; line-height: 1.5 !important; display: block !important; } /* Component-56 (Dinamik Kurumsal Filmler): Title, Card Title etiket seçilebilir */ .component-56-dinamik-kurumsal-filmler .component-56__title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } .component-56-dinamik-kurumsal-filmler .component-56__card-title { margin: 0 0 0.25rem 0 !important; font-size: 1.25rem !important; font-weight: 400 !important; line-height: 1.5 !important; display: block !important; } /* Component-27, Component-28: Title etiket seçilebilir */ .component-27 .component-27__title, .component-28 .component-28__title, .component-30 .component-30__title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } /* Component-31: Title etiket seçilebilir (h4 stili) */ .component-31 .component-31__title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } /* Component-32: Title etiket seçilebilir (h3 stili) */ .component-32 .component-32__title { margin: 0 0 0.5rem 0 !important; font-size: 1.75rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } /* Component-33, Component-36: Title etiket seçilebilir (h4 stili) */ .component-33 .component-33__title, .component-36 .component-36__title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } /* Component-34: Title (kart başlığı) etiket seçilebilir (h3 stili) – yüksek özgüllük */ .component-34 .component-34__title, .component-34 .hover_color_wrapper .component-34__title, .component-34 .mcb-wrap-inner .component-34__title, .component-34 .mcb-column .component-34__title, section.component-34 .mcb-wrap-inner .hover_color .hover_color_bg .hover_color_wrapper .component-34__title, /* p seçildiğinde de aynı stil (tema p kurallarını ezmek için) */ .component-34 p.component-34__title, .component-34 .hover_color_wrapper p.component-34__title, section.component-34 .hover_color_wrapper p.component-34__title { margin: 0 0 0.5rem 0 !important; font-size: 1.75rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; color: #212529 !important; /* #fff çekmesin, koyu metin */ } /* Component-36: Title_2 her zaman p */ .component-36 .component-36__title-2 { margin: 0 !important; font-size: 1.25rem !important; font-weight: 400 !important; line-height: 1.4 !important; display: block !important; } /* Component-37: Content Title, Mobile title etiket seçilebilir; mobilde boş h4 → p */ .component-37 .component-37__content-title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } .component-37-mobile .component-37__mobile-title { margin: 0 0 0.5rem 0 !important; font-size: 1.75rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } .component-37-mobile .component-37__title-p { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 400 !important; line-height: 1.4 !important; display: block !important; } /* Component-38: Mavi title, Yeşil title etiket seçilebilir (renk inline korunur) */ .component-38 .component-38__mavi-title, .component-38 .component-38__yesil-title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } /* Component-39, Component-53: Press Title etiket seçilebilir (box__content içi) */ .component-39 .component-39__press-title, .component-53-yazili-basin .component-53__press-title { margin: 0 0 0.5rem 0 !important; font-size: 1rem !important; font-weight: 500 !important; line-height: 1.4 !important; display: block !important; } /* Component-40, Component-54: Title + Press Title etiket seçilebilir (Görsel Basın) */ .component-40 .component-40__title, .component-54-gorsel-basin .component-54__title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.5 !important; display: block !important; } .component-40 .component-40__press-title, .component-54-gorsel-basin .component-54__press-title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 400 !important; line-height: 1.4 !important; display: block !important; } /* Component-41, Component-58 (Tasarım 1, 2, 3): Press Title etiket seçilebilir */ .component-41 .component-41__press-title, .component-58-tasarim-1 .component-58__press-title, .component-58-tasarim-2 .component-58__press-title, .component-58-tasarim-3 .component-58__press-title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 400 !important; line-height: 1.4 !important; display: block !important; } /* Tasarım 3 kurumsal kart başlığı kendi font boyutunu korusun */ .component-58-tasarim-3 .component-58__press-title { font-size: 0.875rem !important; font-weight: 600 !important; } /* Component-42: Title + Adress Title etiket seçilebilir (Ulaşım Bilgileri) */ .component-42 .component-42__title, .component-42 .component-42__adress-title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 600 !important; line-height: 1.4 !important; display: block !important; } /* Component-44: Title etiket seçilebilir (Form Şablonu) */ .component-44 .component-44__title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.5 !important; display: block !important; } /* Component-48: Title etiket seçilebilir (Metin ve Pdf) */ .component-48 .component-48__title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.4 !important; display: block !important; } /* Component-49: Title + First/Second tab subtitle etiket seçilebilir */ .component-49 .component-49__title, .component-49 .component-49__first-tab-subtitle, .component-49 .component-49__second-tab-subtitle { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.5 !important; display: block !important; } /* Component-50: Facility title + subtitle etiket seçilebilir */ .component-50 .component-50__facility-title, .component-50 .component-50__facility-subtitle { margin: 0 0 0.5rem 0 !important; line-height: 1.4 !important; display: block !important; } .component-50 .component-50__facility-title { font-size: 1.5rem !important; font-weight: 600 !important; } .component-50 .component-50__facility-subtitle { font-size: 1.25rem !important; font-weight: 500 !important; } /* Component-14: Card Title etiket seçilebilir, stil korunur */ .component-14 .component-14__card-title { margin: 0 !important; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.5 !important; display: block !important; } /* Component-13: Card Title + Card Subtitle etiket seçilebilir, stil korunur */ .component-13 .component-13__card-title, .component-52 .component-13__card-title { margin: 0 0 0.25rem 0 !important; font-size: 1rem !important; font-weight: 300 !important; color: var(--gray, #6c757d) !important; line-height: 1.5 !important; display: block !important; } .component-13 .component-13__card-subtitle, .component-52 .component-13__card-subtitle { margin: 0 !important; color: #000 !important; font-size: 0.875rem !important; font-weight: 500 !important; line-height: 1.5 !important; display: block !important; } /* Component-12: Title + Certificate Text etiket seçilebilir, stil korunur */ .component-12 .component-12__title, .component-57-dinamik-sertifikalar .component-12__title { margin-bottom: 0 !important; font-weight: 700 !important; font-size: 1.5rem !important; } .component-12 .certificate-wrapper-item .component-12__certificate-text, .component-57-dinamik-sertifikalar .certificate-wrapper-item .component-12__certificate-text { margin: 0 !important; font-size: inherit; font-weight: inherit; color: inherit; display: block !important; line-height: 1.5 !important; } /* Component-11: Title + Card Title etiket seçilebilir, stil korunur */ .component-11 .text--anime--wrapper .component-11__title { margin: 0 !important; display: inline-block; line-height: 62px !important; font-size: 54px !important; font-weight: 700 !important; font-family: 'Futura LT W02 Heavy', var(--font-secondary) !important; color: #374051 !important; letter-spacing: 0 !important; } .component-11 .component-11__card-title { margin: 0 0 0.5rem 0 !important; font-size: 1.25rem !important; font-weight: 700 !important; line-height: 1.4 !important; } @media only screen and (max-width: 767px) { .component-11 .text--anime--wrapper .component-11__title { line-height: 50px !important; font-size: 41px !important; } } /* Component-10: text etiket seçilebilir, stil korunur – masaüstü */ .component-10 .component-10__text { margin: 0 !important; color: rgb(255, 255, 255) !important; font-family: var(--font-primary) !important; font-size: 54px !important; line-height: 64px !important; font-weight: 700 !important; font-style: normal; } /* Component-10: mobil */ @media only screen and (max-width: 767px) { .component-10 .component-10__text { color: rgb(255, 255, 255) !important; font-size: 16px !important; line-height: 18px !important; font-weight: 700 !important; } } .component-5 .text--anime--wrapper .component-5__subtitle, .component-51 .text--anime--wrapper .component-5__subtitle { margin: 0 !important; display: inline-block; line-height: 84px !important; font-size: 54px !important; font-weight: 400 !important; font-family: 'Futura LT W02 Heavy', var(--font-secondary) !important; color: #374051 !important; letter-spacing: 0 !important; } .component-5__news-title { margin: 1rem 0 0 0 !important; line-height: 1.5 !important; display: block !important; } .component-5__news-title a { color: var(--dark, #212529); font-size: 1.25rem; font-weight: 700; line-height: 1.5 !important; } .text--anime--wrapper:nth-child(2) { top: -10px } .text--anime--wrapper:nth-child(3) { top: -20px } .text--anime--wrapper:nth-child(4) { top: -30px } .text--anime--blue { background-color: var(--blue) } .text--anime--blue--secondary { background-color: var(--blue--secondary) } .border--bottom--4 { border-bottom: 4px solid var(--blue); display: inline } @keyframes textAnime { 20% { left: 0% } 49% { left: 100% } 100% { left: 100% } } .page--layer { background-color: var(--blue); position: absolute; width: 100%; height: 100%; opacity: .6; top: 0; left: 0 } #Intro{ z-index: 1; } #Intro .full-screen { position: relative; z-index: 10; } #Intro .full-screen.intro-inner { z-index: 1 } .post-title.dropdown-menu { border-radius: 16px; min-width: 100%; width: auto; border-color: var(--blue); max-height: 100px; overflow: scroll } .post-title.dropdown-item:focus, .post-title.dropdown-item:hover { background-color: transparent; color: var(--blue--secondary) } .post-title.dropdown-toggle::after { position: absolute; right: 10px } .submenulink::before { content: "●"; position: absolute; left: 0 } .social__icon img { width: 40px; height: 40px } .social__icon { display: flex; align-items: center; justify-content: center; gap: .5rem; } .social__icon a:hover { opacity: .7 } #back_to_top { position: fixed; bottom: 1.75rem; right: 1.75rem; z-index: 999; width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: var(--blue); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; opacity: 0; pointer-events: none; transition: opacity .3s ease, transform .3s ease; transform: translateY(8px); text-decoration: none } #back_to_top.visible { opacity: 1; pointer-events: auto; transform: translateY(0) } #back_to_top:hover { opacity: .75 } .footer_copy .container { display: flex; flex-direction: column; align-items: center; } .footer-top-row { width: 100%; } .footer-copyright-text { font-size: .8rem; color: #a8a8a8; padding-top: .5rem; width: 100%; } .footer-company-desc { font-size: .75rem; color: #888; padding-top: .25rem; width: 100%; } .footer_copy .social, #Footer .footer_copy .social-menu { float: none !important; margin-right: 0 !important } #social-menu.menu-footer-container { width: 100%; border-top: 1px solid rgba(0, 0, 0, .08); padding-top: .75rem } #menu-footer.social-menu { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .25rem .5rem; list-style: none; margin: 0; padding: 0 } #menu-footer.social-menu li a { padding: .25rem .5rem; font-size: .85rem } .box__content { background-color: #fff; display: flex; flex-direction: column; text-align: center; position: relative; top: -2rem; width: 80%; left: 10%; padding: 1rem; color: #374051; font-size: 1.25rem } .box__content span:first-child { margin-bottom: .5rem } .home__img__box { border: 1px solid #e4e4e4; overflow: hidden } .home__img__box:hover .home__img__box__content span, .home__img__box:hover .home__img__box__content h6 a, .home__img__box:hover .home__img__box__content .component-4__card-title, .home__img__box:hover .home__img__box__content .component-4__card-subtitle a { color: var(--white) } .home__img__box__image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-position: center; opacity: 0; transition: var(--t3); overflow: hidden } .home__img__box:hover .home__img__box__image { opacity: 1; transform: scale(1.1) } .home__img__box__content { padding: 4rem; position: relative; z-index: 111; min-height: 435px } .home__img__box__content span { font-size: 1rem; color: var(--blue); position: relative; z-index: 111; transition: var(--t3) } .home__img__box__content h6 { margin-bottom: 0; position: relative; z-index: 111; margin-top: 1rem } .home__img__box__content h6 a { font-size: 1.8rem; transition: var(--t3); line-height: 2.35rem } /* Component-4: etiket değişse de stiller aynı; card subtitle sabit p (h6 görünümü) */ .component-4__subtitle { font-family: 'Futura LT W02 Heavy', var(--font-secondary) !important; font-size: 54px !important; line-height: 64px !important; font-weight: 400 !important; color: #374051 !important; letter-spacing: 0 !important; margin: 0; } /* Kart başlık/alt başlık: orijinal span/h6 ile birebir aynı görünüm, .home__img__box__content içinde */ .home__img__box__content .component-4__card-title { font-size: 1rem; color: var(--blue); position: relative; z-index: 111; transition: var(--t3); } .home__img__box__content .component-4__card-subtitle { margin: 1rem 0 0 0 !important; position: relative; z-index: 111; font-weight: 700; color: #374051; line-height: 1.5 !important; display: block !important; } .home__img__box__content .component-4__card-subtitle a { font-size: 1.8rem; transition: var(--t3); line-height: 2.35rem !important; color: #374051; display: inline !important; } @media only screen and (min-width: 768px) and (max-width: 959px) { .component-4__subtitle { font-size: 46px !important; line-height: 54px !important; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .component-4__subtitle { font-size: 41px !important; line-height: 48px !important; } } @media only screen and (max-width: 479px) { .component-4__subtitle { font-size: 32px !important; line-height: 38px !important; } } .parallax-img { position: relative } #parallax-img-1 { width: 50%; right: -3%; float: right; margin-top: 5.5rem } #parallax-img-2 { width: 40%; margin-top: 5rem; left: 10% } #parallax-img-3 { width: 50%; right: -3%; float: right; margin-top: 11rem } #parallax-img-4 { width: 40%; margin-top: 15rem; left: 10% } #parallax-img-5 { width: 50%; right: -3%; float: right; margin-top: 2rem } #parallax-img-6 { width: 40%; margin-top: -3rem; left: 10% } @media screen and (max-width:1204px) { #parallax-img-1 { margin-top: 11.5rem; } #parallax-img-2 { margin-top: 15rem; } } .py-10 { padding-top: 100px; padding-bottom: 100px } .modal-backdrop { z-index: 10 } #dunyadaWorldMedicine .modal-content { background: var(--blue); color: var(--white) } @media (min-width: 1200px) { #dunyadaWorldMedicine .modal-dialog.modal-xl { max-width: 960px } } #dunyadaWorldMedicine .modal-body { padding: 2rem 4rem } #dunyadaWorldMedicine .modal-body a { font-size: 1rem; border-radius: 0 !important; } #dunyadaWorldMedicine .modal-body.d-flex img { border-radius: 0 !important } #dunyadaWorldMedicine a { cursor: auto } #dunyadaWorldMedicine a:hover { opacity: 1 } #dunyadaWorldMedicine .is--link { cursor: pointer } #dunyadaWorldMedicine .is--link::after { content: "→"; font-size: .8rem; padding-left: 6px; padding-right: 6px } #dunyadaWorldMedicine .is--link:hover { opacity: 1; text-decoration: underline !important; } /* Dünyada World Medicine modal: ülke listesi eşit sıralı (hepsi aynı satır yüksekliği) */ #dunyadaWorldMedicine .modal-body .world-medicine-countries { display: flex; flex-wrap: wrap; align-items: stretch } #dunyadaWorldMedicine .modal-body .world-medicine-country-item { min-height: 29px; display: flex; align-items: center; margin-bottom: .75rem; padding-left: 8px; padding-right: 8px } #dunyadaWorldMedicine .modal-body .world-medicine-country-item a, #dunyadaWorldMedicine .modal-body .world-medicine-country-item span { line-height: 29px; min-height: 29px; display: inline-flex; align-items: center } #dunyadaWorldMedicine .modal-body .world-medicine-country-item--no-flag > a, #dunyadaWorldMedicine .modal-body .world-medicine-country-item--no-flag > span { padding-left: 28px } #dunyadaWorldMedicine .modal-body .world-medicine-flag { width: 20px; height: 20px; margin-right: 8px; border-radius: 100% !important; object-fit: cover; border: none; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9); flex-shrink: 0; display: block } .navbar__wm { height: 28px; cursor: pointer; transition: var(--t3) } .navbar__wm:hover img { opacity: .7 } /* Modal başlığı — h5 yerine p kullanılıyor, görsel stil korunuyor */ .modal-title--heading { font-size: 1.25rem; font-weight: bold; line-height: 1.5; margin-bottom: 0; } .navbar__tooltip { position: relative } .tooltip__text { display: none; background: var(--white); color: var(--blue); position: absolute; left: 0; width: max-content; top: 40px; padding: 0.25rem 0.25rem; font-size: .75rem !important; font-weight: 500 !important; font-family: inherit !important; line-height: 1.4 !important; letter-spacing: normal !important; text-transform: none !important; margin: 0 !important; border: none !important; } .navbar__wm .tooltip__text:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #fff transparent; border-width: 0 5px 5px; top: -5px; left: 7px } .navbar__tooltip:hover .tooltip__text { display: block } .navbar__lang { transition: var(--t3) } .navbar__lang:hover { opacity: .7 } .navbar__lang .dropdown-menu { min-width: max-content } .navbar__search { cursor: pointer; transition: var(--t3) } .navbar__search input[type="text"] { font-size: 1.5rem } .navbar__search:hover svg { opacity: .7 } .modal-backdrop.show { opacity: .7 } /* Sağlık çalışanı uyarısı (#warningModal): mobilde 500px dialog + yan yana .site__btn taşması → yatay scroll / zoom hissi */ #warningModal .modal-dialog { max-width: min(500px, calc(100vw - 1rem)); width: 100%; margin-left: auto; margin-right: auto; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } #warningModal .modal-content { max-width: 100%; overflow-x: hidden; box-sizing: border-box; } #warningModal .modal-body { overflow-wrap: break-word; word-break: break-word; } #warningModal .modal-footer { flex-wrap: wrap; justify-content: center; gap: 0.5rem; padding: 0.75rem; } #warningModal .modal-footer .site__btn { min-width: 0; box-sizing: border-box; } @media (max-width: 767.98px) { #warningModal .modal-footer { flex-direction: column; align-items: stretch; } #warningModal .modal-footer .site__btn { width: 100% !important; max-width: 100%; text-align: center; justify-content: center; } } body.modal-open { overflow-x: hidden; } .hover--none:hover { cursor: default } .detail--link { transition: var(--t3) } .detail--link:hover { color: var(--blue--secondary) } .external--link::after { content: "→"; font-size: 1rem; color: #fff; margin-left: 0.5rem } /* Radial Pie Circle Menu Start */ .radial-menu .menu { position: relative; list-style: none; margin: 30px auto; /* padding trick for maintaining aspect ratio */ height: 0; padding: 0; padding-top: 70%; width: 70%; transform: rotate(90deg); } @media all and (max-width: 320px) { .radial-menu .menu { width: 230px; height: 230px; padding: 0; } } @media all and (min-width: 700px) { .radial-menu .menu { width: 500px; height: 500px; padding: 0; } } .radial-menu .menu li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: url(#sector); -webkit-clip-path: url(#sector); cursor: pointer; } .radial-menu .menu li a { display: block; width: 100%; height: 100%; font-size: .85rem; text-align: center; } .radial-menu .menu li:hover { background-color: #babec7; } .radial-menu .menu li.active { background-color: #babec7; } .radial-menu .one { background-color: var(--blue); transform: rotate(120deg); } .radial-menu .two { background-color: var(--blue--secondary); transform: rotate(180deg); } .radial-menu .three { background-color: var(--blue); transform: rotate(240deg); } .radial-menu .four { background-color: var(--blue--secondary); transform: rotate(300deg); } .radial-menu .five { background-color: var(--blue); transform: rotate(360deg); } .radial-menu .six { background-color: var(--blue--secondary); transform: rotate(-300deg); } .radial__en .three .icon { right: 2.5%; top: 26%; } .radial__ru .menu li a { font-size: 0.75rem !important; } .radial__ru .one .icon { right: 5% !important; top: 27% !important; } .radial__ru .two .icon { right: 6% !important; } .radial__ru .three .icon { right: 2.5% !important; top: 24% !important; } .radial__ru .four .icon { right: 6.5% !important; top: 25% !important; } .radial__ru .five .icon { right: 6.5% !important; } .radial-logo-big { width: 250px; height: 250px; background-color: #f3f3f3; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 50; border-radius: 50%; top: 120px; } .radial-logo { width: 150px; height: 150px; background-color: #fff; text-align: center; padding: 55px 0; border-radius: 50%; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 55; top: 50px; } .radial-logo img { width: 85%; position: relative; top: -2.75rem; } .radial-menu .menu .icon { position: absolute; right: 15%; top: 30%; transform: rotate(60deg); max-width: 100px; font-weight: bold; color: #fff; } .radial-menu .menu .one .icon { position: absolute; right: 10%; top: 25%; transform: rotate(150deg); } .radial-menu .menu .two .icon { position: absolute; right: 8%; top: 26%; transform: rotate(90deg); } .radial-menu .menu .three .icon { position: absolute; right: 6.5%; top: 25%; transform: rotate(31deg); } .radial-menu .menu .four .icon { position: absolute; right: 7.5%; top: 26%; transform: rotate(330deg); } .radial-menu .menu .five .icon { position: absolute; right: 8.5%; top: 27%; transform: rotate(270deg); } .radial-menu .menu .six .icon { position: absolute; right: 9%; top: 25%; transform: rotate(-150deg); } .menu-content { display: none; padding-left: 2rem; } .menu-content.active { display: block; } .product--filter span { cursor: pointer } .product--filter span:hover { color: var(--blue) } .product--filter div:nth-child(2) span { padding: 5px; color: #0033a0 } .product--filter--all span { color: #0033a0 !important; text-decoration: none !important } .product--select { background: #0033a0 url("/wm/assets/images/down.svg") right .75rem center/24px 24px no-repeat !important; color: var(--white); border: 0; border-radius: 0 !important; margin-bottom: 0 !important; padding: 0 !important; height: 43px; padding-left: 1rem !important; } .product--search .form-control { border: 0; border-radius: 0; padding: 0.75rem 1rem } .product--search .form-control:focus { outline: none; box-shadow: none; } select.product--search:focus{ background: #0033a0 !important; } .product--search .input-group { height: 43px; background: #e2e4e7; } .product--search .input-group-text { height: 43px; border: 0; border-radius: 0; background: transparent; } .product--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem } .product--item { border: 0.5px solid #e2e4e7; padding: 2rem; width: 100% } .product--item--head h3 { font-size: 2rem; color: var(--blue); margin-bottom: 0; font-weight: normal } .product--item--head span { color: var(--blue); position: relative; top: -0.5rem } .product--item--body { padding-top: 1rem; font-size: .9rem; word-break: break-word } .product--item--body a:after { content: "↧"; color: var(--blue); font-size: 1.25rem; padding-left: .5rem } .product--pagination ul { display: flex; padding-left: 0 } .product--pagination ul li { border-radius: 50% } .product--pagination ul li a { color: var(--blue); padding: 1rem; border-radius: 50%; padding: 0.75rem 1rem } .product--pagination ul li a:hover { background-color: #e2e4e7; color: var(--blue) !important } .product--pagination ul.active { background-color: var(--blue) } .product--pagination ul.active a { color: var(--white) !important; background: #0033a0 } .tab-pane .form-control { width: 100%; font-size: 1rem; border-radius: 5px; border: 1px solid #374051 !important; padding-left: 0.5rem } .tab-pane .form-control:focus { border-color: var(--blue--secondary); outline: none; box-shadow: none } .tab-pane label { font-weight: normal } .circle-div { border: 8px solid #0033a0; border-radius: 50%; width: 150px; display: flex; height: 150px; align-items: center; justify-content: center; padding: 1rem; text-align: center } .circle-div:hover { background: var(--blue); color: var(--white) } .slider-div { border: 1px solid var(--blue); min-height: 400px } .slider-div a p { margin-bottom: 0.5rem !important } .slider-div:hover { background: var(--blue) } .slider-div:hover a { background: var(--blue); color: var(--white) } .is-ilanlari { border: 1px solid var(--blue); border-radius: 30px; position: relative; padding: 1rem 2rem } .is-ilanlari-btn { position: absolute; left: -1rem; bottom: -3rem; display: flex } @media screen and(max-width:768px) { .is-ilanlari { left: 0 } } .is-ilanlari-btn a { border: 1px solid var(--blue); background: var(--white); display: flex; padding: 0.25rem; margin-right: 15px; border-radius: 15px } .is-ilanlari-btn a { border-radius: 15px; } .is-ilanlari-btn a img:hover { opacity: .7 } .rtl { direction: rtl } .rtl body { text-align: right !important } .rtl .text-center { text-align: center !important } .rtl .accordion .card .card-header::after { left: 0; transform: rotate(0deg); right: auto } .rtl .accordion .card .card-header[aria-expanded="true"]::after { transform: rotate(-90deg) !important } .rtl .navbar__wrapper .navbar__menu .navbar__menu__icon { padding-right: 0.5rem } .rtl .navbar__lang { margin-right: 1.5rem } .rtl #back_to_top { right: auto !important; left: 1.5rem !important; } .cookie { position: fixed; bottom: 0; width: 100%; display: flex; align-items: center; background: var(--white); padding: 1rem 2rem; border-top: 2px solid var(--blue); z-index: 112; } @media screen and (max-width:1024px) { .cookie { flex-direction: column; padding-right: 0 !important; align-items: flex-start; } } html[lang="ru"] h1, html[lang="ru"] h2, html[lang="ru"] h3, html[lang="ru"] h4, html[lang="ru"] h5, html[lang="ru"] h6 { font-weight: bold !important; } .rtl h1, h2, h3, h4, h5, h6 { font-weight: bold !important; } .search-result { cursor: pointer; padding: 1rem; border-bottom: 1px solid #eaecf3; margin-bottom: 3rem; } .search-result:hover { background-color: #eaecf3; } .cookie-layer { position: fixed; width: 100%; height: 100%; background: #000; opacity: .8; top: 0; left: 0; z-index: 112; display: none; } .cookie-bar { position: fixed; top: 0; left: 0; width: 550px; height: 100%; background: var(--white); z-index: 116; padding: 1rem; overflow-y: scroll; transform: translateX(-550px); transition: all .3s ease; } .cookie-bar--active { transform: translateX(0); } .cookie-bar-close { position: absolute; right: 0rem; font-weight: bold; font-size: 1.25rem; cursor: pointer; color: var(--black); width: 100%; text-align: end; border-bottom: 1px solid var(--black); padding-right: 1rem; padding-bottom: 1rem; } .cookie-bar-content { padding-top: 5rem; } .cookie-bar-content__title { display: block; font-size: 1.5rem; font-weight: 500; line-height: 1.2; margin-top: 0; margin-bottom: 0.5rem; } .cookie-bar .accordion .card .card-header::after { content: ""; } .cookie-bar .accordion .card .card-header::before { content: "+"; position: absolute; color: var(--black); } .cookie-bar .accordion .card .card-header[aria-expanded="true"]::before { content: "-"; } .cookie-bar .accordion .card { border: 1px solid var(--black); } .cookie-bar .accordion .card .card-header { margin-bottom: 2px; color: var(--black); font-size: 1rem; } .cookie-bar .card-body { background-color: #F8F8F8; padding: 1rem !important; margin-bottom: 0 !important; } .cookie-bar .card-body a { cursor: pointer; } .tanimlama-ayrintilari { position: fixed; top: 0; left: 0; width: 500px; height: 100%; background: var(--white); z-index: 120; padding: 1rem; overflow-y: scroll; display: none; } .tanimlama-ayrintilari-kapat { display: flex; align-items: center; cursor: pointer; } .tanimlama-ayrintilari span { font-size: 1.5rem; font-weight: bold; color: var(--black); } .tanimlama-ayrintilari .card { border-bottom: 1px solid #000 !important; padding-bottom: 1rem; } .tanimlama-ayrintilari .card-header { padding-bottom: 0 !important; } .tanimlama-ayrintilari .accordion .card .card-header::before { content: "+"; position: absolute; color: var(--black); } .tanimlama-ayrintilari .accordion .card .card-header[aria-expanded="true"]::before { content: "-"; } .tanimlama-bilgiler-liste { background-color: #F8F8F8; } .certificate-wrapper-item { border: 0.5px solid #e2e4e7; padding: 2rem; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--black); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important } .certificate-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem } .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .breadcrumb-half-page { height: 500px } .form-control { border-radius: 0 !important; border-color: var(--black) !important; } .form-control:focus { border-color: var(--black) !important; box-shadow: none !important; } select { border-radius: 0 !important; border-color: var(--black) !important; padding-left: 0 !important; padding-top: 2rem !important; } select:focus { border-color: var(--black) !important; box-shadow: none !important; } .wmlife:last-child { margin-bottom: 100px; } .hover-scale-image:hover img { transform: scale(1.05); border-radius: 8px !important; } .hover-scale-image { overflow: hidden; } .hover-scale-image img { transition: all .3s ease; } .hover-scale-image-wrapper { overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 8px !important; } .mcb-wrap-inner ul { list-style: disc; padding-left: 1rem; } .breadcrumb-without-image .breadcrumb ul li::after { color: var(--blue) !important; } .page-background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-position: top; background-repeat: no-repeat; } .site__menu ul { list-style: none !important; padding-left: 0 !important; } .full-screen::after { content: ""; background-color: #0033a0; position: absolute; width: 100%; height: 100%; opacity: .6; top: 0; left: 0; } .uretim-tesisi-uc { margin-bottom: -400px; } @media screen and (max-width:1024px) { .product--list { grid-template-columns: repeat(1, 1fr) } .product--item--head h3 { font-size: 1.25rem; margin-bottom: 0.5rem } .product--filter div:nth-child(2) span { padding: 5px } .product--filter { gap: 1rem } .home__img__box__content { min-height: 250px } .home__img__box__image { opacity: 1 } .home__img__box__content span, .home__img__box__content h6 a, .home__img__box__content .component-4__card-title, .home__img__box__content .component-4__card-subtitle a { color: var(--white) } .text--anime--wrapper h2, .text--anime--wrapper h1 { line-height: 50px !important } .component-5 .text--anime--wrapper .component-5__subtitle, .component-51 .text--anime--wrapper .component-5__subtitle { line-height: 50px !important; font-size: 41px !important } .certificate-wrapper { grid-template-columns: repeat(2, 1fr) } .video__content__text__wrapper { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .text--anime--wrapper, .video__content__text__wrapper p { max-width: 100% !important; font-size: 1.25rem; line-height: 30px } .navbar_right { margin-right: 1rem !important } .navbar__wrapper .navbar__menu span { display: none } .text--anime--wrapper h1 { line-height: 50px !important } .navbar-brand img { max-width: 150px; width: 150px } .site__btn { padding: .5rem 1rem } .section_wrapper, .container { width: 100% } footer { padding-top: 2rem } #Footer .footer_copy .one { flex-direction: column } #Footer .footer_copy .copyright { padding-bottom: 1rem } #social-menu { padding-top: 2rem } .accordion.card { margin-bottom: 1rem } .accordion .card .card-body { margin-top: .5rem } .accordion .card .card-body ul li { padding: .25rem 0 } .site__menu__bottom ul li { padding: .25rem 0 } .py-10 { padding-top: 50px; padding-bottom: 50px } .py-5 { padding-top: 1rem !important; padding-bottom: 1rem !important; } #dunyadaWorldMedicine .modal-body a { font-size: 100% !important; } .navbar__tooltip .dropdown-menu { min-width: 4rem !important; max-width: 4rem !important; } .breadcrumb-half-page { height: auto !important; } .certificate-wrapper-item { padding: 1rem !important; } .breadcrumb ul li { margin-bottom: 0.5rem; } .is-ilanlari-btn { left: 0 !important; bottom: -2.5rem !important; } #Content img, img.scale-with-grid { width: 100%; } .hover_color.align_left:hover { max-width: 90%; margin: 0 auto; } .uretim-tesisi-uc { margin-bottom: -300px; } .product--pagination ul li a{ padding: 0.75rem 0.5rem; } } .caroufredsel_wrapper{ height: 450px !important; } /* COMPONENT_58 - Görsel 1:1 oran (tüm tasarımlar) */ .component-58-dinamik-basin-yonetimi .component-58-img-wrap { aspect-ratio: 1 / 1; overflow: hidden; position: relative; } .component-58-dinamik-basin-yonetimi .component-58-img-wrap .component-58-img, .component-58-dinamik-basin-yonetimi .component-58-img-wrap img.component-58-img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } .component-58-tasarim-2 .component-58-img-wrap .image_wrapper, .component-58-tasarim-2 .component-58-img-wrap .image_wrapper a { display: block; height: 100%; } .component-58-tasarim-2 .component-58-img-wrap .image_wrapper img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .component-58-dinamik-basin-yonetimi .component-58-img-wrap > a { display: block; height: 100%; } /* COMPONENT_58 - Genel mavi renk */ .component-58-dinamik-basin-yonetimi .detail--link, .component-58-dinamik-basin-yonetimi .site__btn--text--icon.color--blue--secondary, .component-58-dinamik-basin-yonetimi a.component-58-corporate-card__link { color: #0033a0 !important; } .component-58-dinamik-basin-yonetimi .detail--link:hover, .component-58-dinamik-basin-yonetimi .site__btn--text--icon.color--blue--secondary:hover, .component-58-dinamik-basin-yonetimi a.component-58-corporate-card__link:hover { color: #0033a0 !important; opacity: 0.9; } /* COMPONENT_58 Tasarım 2 - görsel hizalama */ .component-58-tasarim-2 .image_frame .image_wrapper { text-align: center; } .component-58-tasarim-2 .image_frame .image_wrapper img { display: block; margin-left: auto; margin-right: auto; } .component-58-tasarim-2 .component-58-img-wrap { width: 100%; } /* COMPONENT_58 Tasarım 3 - Kurumsal (accent şerit + dikey kart) */ .component-58-tasarim-3 .component-58-corporate-card { position: relative; border: 1px solid #e9ecef; transition: box-shadow 0.2s ease; } .component-58-tasarim-3 .component-58-corporate-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); } .component-58-tasarim-3 .component-58-corporate-card__accent { position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #0033a0; z-index: 1; } .component-58-tasarim-3 .component-58-corporate-card__img-wrap { padding: 0; overflow: hidden; width: 100%; } .component-58-tasarim-3 .component-58-corporate-card__content { padding-left: 1rem; } .component-58-tasarim-3 .component-58-corporate-card__title { line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .component-58-tasarim-3 .component-58-corporate-card__link { font-size: 0.9rem; font-weight: 600; color: #0033a0 !important; text-decoration: none; } .component-58-tasarim-3 .component-58-corporate-card__link:hover { text-decoration: underline; color: #0033a0 !important; } /* Bilgi Köşesi detay: içerik sağa taşmasın */ .blog-detail__content { max-width: 100%; overflow-wrap: break-word; word-break: break-word; } .blog-detail__content img, .blog-detail__content iframe, .blog-detail__content video, .blog-detail__content pre, .blog-detail__content table { max-width: 100%; height: auto; } .blog-detail__content table { table-layout: fixed; overflow-x: auto; display: block; } .blog-detail__content pre { white-space: pre-wrap; word-wrap: break-word; } /* İçerik alanlarında liste madde imleri içeride kalsın NOT: .mcb-wrap-inner ve ul:not([class]) kasıtlı olarak ÇIKARILDI — nav menüsü (.site__menu, #Top_bar, accordion) bunlardan etkileniyordu. */ .column_attr ul, .column_attr ol, .section_content ul, .section_content ol, .long-text-content ul, .long-text-content ol { padding-left: 1.5rem !important; } /* Quill bullet (data-list="bullet") liste tipi disc olsun */ .long-text-content ol li[data-list="bullet"], .long-text-content ul li[data-list="bullet"] { list-style-type: disc; } /* Quill: data-list="bullet" maddeler disc göstersin, madde imi içeride kalsın Sadece içerik wrapper'ları içinde geçerli — menüleri etkilemez */ .column_attr ol:has(> li[data-list="bullet"]), .column_attr ul:has(> li[data-list="bullet"]), .long-text-content ol:has(> li[data-list="bullet"]), .long-text-content ul:has(> li[data-list="bullet"]), .section_content ol:has(> li[data-list="bullet"]), .section_content ul:has(> li[data-list="bullet"]), [class*="col"] > ol:has(> li[data-list="bullet"]), [class*="col"] > ul:has(> li[data-list="bullet"]) { list-style-type: disc !important; padding-left: 1.5rem !important; } li[data-list="bullet"] { list-style-type: disc !important; } li[data-list="bullet"]::before { content: none !important; display: none !important; } /* Bootstrap kolon içine doğrudan yerleştirilmiş sınıfsız liste (Quill çıktısı) */ [class*="col"] > ul:not([class]), [class*="col"] > ol:not([class]) { padding-left: 1.5rem !important; } /* Menü listelerinin bu kurallardan etkilenmemesi için sıfırla */ .site__menu ul, .site__menu ol, #accordion ul, #accordion ol, .accordion ul, .accordion ol { padding-left: 0 !important; list-style: none !important; } /* Opsiyonel: favicon/ikon ile madde imi isterseniz aşağıdaki satırı açıp url'yi kendi ikonunuzla değiştirin */ /* li[data-list="bullet"]::marker { content: url('/wm/assets/media/favicon.svg'); } */ #pp_full_res .pp_inline p, p { margin: 15px 0 15px; } /* Kiril dillerde card_title/press_title fontunu en sonda zorla uygula (üstünü çizen Futura kurallarına karşı) */ html[lang^="ru"] .component-8 .text--anime--wrapper .component-8__card-title, html[lang^="kk"] .component-8 .text--anime--wrapper .component-8__card-title, html[lang^="bg"] .component-8 .text--anime--wrapper .component-8__card-title, html[lang^="be"] .component-8 .text--anime--wrapper .component-8__card-title, html[lang^="mk"] .component-8 .text--anime--wrapper .component-8__card-title, html[lang^="sr"] .component-8 .text--anime--wrapper .component-8__card-title, html[lang^="tg"] .component-8 .text--anime--wrapper .component-8__card-title, html[lang^="ky"] .component-8 .text--anime--wrapper .component-8__card-title, html[lang^="az"] .component-8 .text--anime--wrapper .component-8__card-title, html[lang^="rs"] .component-8 .text--anime--wrapper .component-8__card-title { font-family: var(--font-ru) !important; font-weight: 700 !important; } html[lang^="ru"] [class*="__card-title"], html[lang^="kk"] [class*="__card-title"], html[lang^="bg"] [class*="__card-title"], html[lang^="be"] [class*="__card-title"], html[lang^="mk"] [class*="__card-title"], html[lang^="sr"] [class*="__card-title"], html[lang^="tg"] [class*="__card-title"], html[lang^="ky"] [class*="__card-title"], html[lang^="az"] [class*="__card-title"], html[lang^="rs"] [class*="__card-title"], html[lang^="ru"] [class*="__press-title"], html[lang^="kk"] [class*="__press-title"], html[lang^="bg"] [class*="__press-title"], html[lang^="be"] [class*="__press-title"], html[lang^="mk"] [class*="__press-title"], html[lang^="sr"] [class*="__press-title"], html[lang^="tg"] [class*="__press-title"], html[lang^="ky"] [class*="__press-title"], html[lang^="az"] [class*="__press-title"], html[lang^="rs"] [class*="__press-title"] { font-family: var(--font-ru) !important; } /* Component-11: Kiril dillerde ana başlık + kart başlığı kalın (400 override’larına karşı) */ html[lang^="ru"] .component-11 .text--anime--wrapper .component-11__title, html[lang^="kk"] .component-11 .text--anime--wrapper .component-11__title, html[lang^="bg"] .component-11 .text--anime--wrapper .component-11__title, html[lang^="be"] .component-11 .text--anime--wrapper .component-11__title, html[lang^="mk"] .component-11 .text--anime--wrapper .component-11__title, html[lang^="sr"] .component-11 .text--anime--wrapper .component-11__title, html[lang^="tg"] .component-11 .text--anime--wrapper .component-11__title, html[lang^="ky"] .component-11 .text--anime--wrapper .component-11__title, html[lang^="az"] .component-11 .text--anime--wrapper .component-11__title, html[lang^="rs"] .component-11 .text--anime--wrapper .component-11__title, html[lang^="ru"] .component-11 .component-11__card-title, html[lang^="kk"] .component-11 .component-11__card-title, html[lang^="bg"] .component-11 .component-11__card-title, html[lang^="be"] .component-11 .component-11__card-title, html[lang^="mk"] .component-11 .component-11__card-title, html[lang^="sr"] .component-11 .component-11__card-title, html[lang^="tg"] .component-11 .component-11__card-title, html[lang^="ky"] .component-11 .component-11__card-title, html[lang^="az"] .component-11 .component-11__card-title, html[lang^="rs"] .component-11 .component-11__card-title { font-weight: 700 !important; }