/*=======================================
            HOME PAGE
======================================*/
.krk-homepage-section { position: relative; overflow: hidden; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #ffffff; display: flex; align-items: center; padding-top: 100px; padding-bottom: 50px; min-height: 100vh; width: 100%; background-image: url('../imagess/bannerdesktop.webp'); background-position: right center; background-repeat: no-repeat; background-size: cover; }
.krk-homepage-section .krk-title { color: #051d49; font-weight: 700; letter-spacing: -0.5px; line-height: 1.15; }
.krk-homepage-section .krk-subtitle { color: #d9383a; font-weight: 600; margin-bottom: 10px !important; }
.krk-designation-text { color: #0b2545; font-weight: 600; }
.krk-designation-text .krk-event-highlight { color: #d9383a; font-weight: 700; }
.krk-homepage-section .krk-description { color: #656c75; line-height: 1.6; }
.krk-homepage-section .krk-badge-wrap { display: flex; justify-content: flex-start; margin-top: 15px; }
.krk-homepage-section .krk-hospital-badge { display: inline-flex; align-items: center; gap: 10px; padding: 0px; border-radius: 50px; }
.krk-homepage-section .krk-badge-img { width: 36px; height: 36px; object-fit: contain; display: block; }
.krk-homepage-section .krk-badge-text { font-size: 0.95rem; font-weight: 700; color: #051d49; letter-spacing: 0.2px; line-height: 1; }
.krk-homepage-section .krk-deco-line { display: flex; align-items: center; position: relative; width: 100%; max-width: 160px; height: 2px; background-color: #00183b; }
.krk-homepage-section .krk-deco-bar { position: absolute; left: 0; top: 0; height: 100%; width: 35%; background-color: #00183b; }
.krk-homepage-section .krk-deco-dot { position: absolute; left: 0%; top: 1%; width: 6px; height: 6px; background-color: #00183b; border-radius: 50%; transform: translateY(-2px) translateX(-3px); }
.krk-homepage-section .krk-feature-col { flex: 1 1 0; min-width: 0; padding: 0 0px; position: relative; }
.krk-feature-box { padding: 5px 8px; }
.krk-homepage-section .krk-feature-col:first-child { padding-left: 0; }
.krk-homepage-section .krk-feature-col:last-child { border-right: none; padding-right: 0; }
.krk-homepage-section .krk-feature-img-wrap { line-height: 0; margin-bottom: 6px; }
.krk-homepage-section .krk-custom-icon-img { width: 38px; height: 38px; object-fit: contain; display: block; }
.krk-homepage-section .krk-feature-count { font-size: 1.05rem; font-weight: 700; color: #051d49; margin: 0 0 2px 0; white-space: nowrap; }
.krk-homepage-section .krk-feature-text { font-size: 0.82rem; color: #656c75; font-weight: 500; line-height: 1.3; margin: 0; white-space: nowrap; }
.krk-homepage-section .krk-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 28px; border-radius: 50px; font-weight: 600; font-size: 0.95rem; text-decoration: none; transition: all 0.3s ease; }
.krk-homepage-section .krk-btn-outline { background-color: #051d49; color: #ffffff; border: 1.5px solid #051d49; }
.krk-homepage-section .krk-btn-outline:hover { background-color: #ffffff; color: #051d49; transform: translateY(-2px); }
@keyframes krkPopupEntrance { 0% { opacity: 0; transform: translateY(30px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
.krk-homepage-section .krk-animate-popup { opacity: 0; animation: krkPopupEntrance 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.krk-homepage-section .delay-1 { animation-delay: 0.1s; }
.krk-homepage-section .delay-2 { animation-delay: 0.25s; }
.krk-homepage-section .delay-3 { animation-delay: 0.4s; }
.krk-homepage-section .delay-4 { animation-delay: 0.55s; }
.krk-homepage-section .delay-5 { animation-delay: 0.7s; }
@media (min-width: 992px) and (max-width: 1199.98px) { .krk-homepage-section .krk-hero-content { max-width: 420px; } .krk-homepage-section .krk-title { font-size: 1.9rem; } .krk-homepage-section .krk-subtitle { font-size: 0.95rem; } .krk-designation-text { font-size: 0.85rem; } .krk-homepage-section .krk-description { font-size: 0.85rem; margin-bottom: 2rem !important; } .krk-features-wrapper { max-width: 360px; } .krk-homepage-section .krk-custom-icon-img { width: 32px; height: 32px; } .krk-homepage-section .krk-feature-count { font-size: 0.9rem; } .krk-homepage-section .krk-feature-text { font-size: 0.72rem; } }
@media (min-width: 1200px) and (max-width: 1399.98px) { .krk-homepage-section .krk-hero-content { max-width: 480px; } .krk-homepage-section .krk-title { font-size: 2.2rem; } .krk-homepage-section .krk-subtitle { font-size: 1.05rem; } .krk-designation-text { font-size: 0.95rem; } .krk-homepage-section .krk-description { font-size: 0.95rem; } .krk-features-wrapper { max-width: 400px; } .krk-homepage-section .krk-custom-icon-img { width: 34px; height: 34px; } .krk-homepage-section .krk-feature-count { font-size: 0.95rem; } .krk-homepage-section .krk-feature-text { font-size: 0.76rem; } }
@media (min-width: 1400px) and (max-width: 1699.98px) { .krk-homepage-section .krk-hero-content { max-width: 560px; } .krk-homepage-section .krk-title { font-size: 2.5rem; } .krk-homepage-section .krk-subtitle { font-size: 1.15rem; } .krk-designation-text { font-size: 1rem; } .krk-homepage-section .krk-description { font-size: 1rem; } .krk-features-wrapper { max-width: 460px; } .krk-homepage-section .krk-custom-icon-img { width: 38px; height: 38px; } .krk-homepage-section .krk-feature-count { font-size: 1.05rem; } .krk-homepage-section .krk-feature-text { font-size: 0.82rem; } }
@media (min-width: 1700px) { .krk-homepage-section .krk-hero-content { max-width: 640px; } .krk-homepage-section .krk-title { font-size: 3rem; } .krk-homepage-section .krk-subtitle { font-size: 1.25rem; } .krk-designation-text { font-size: 1.1rem; } .krk-homepage-section .krk-description { font-size: 1.1rem; } .krk-features-wrapper { max-width: 520px; } .krk-homepage-section .krk-custom-icon-img { width: 40px; height: 40px; } .krk-homepage-section .krk-feature-count { font-size: 1.1rem; } .krk-homepage-section .krk-feature-text { font-size: 0.88rem; } }
@media (max-width: 991.98px) { .krk-homepage-section .krk-hero-content { display: none !important; } }
@media (min-width: 576px) and (max-width: 991.98px) { .krk-homepage-section { background-image: url('../imagess/bannertablet.webp'); background-position: top center; background-repeat: no-repeat; background-size: cover; padding-top: 0; padding-bottom: 0; height: 100vh; min-height: 600px; } }
@media (max-width: 575.98px) { .krk-homepage-section { background-image: url('../imagess/bannermobile.webp'); background-position: top center; background-repeat: no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 60px; height: 100vh; min-height: 500px; } .krk-homepage-section .krk-btn { width: 100%; } .krk-homepage-section .krk-feature-col { border-right: none; border-bottom: 1px solid #e2e8f0; padding-bottom: 15px; margin-bottom: 15px; width: 100%; flex: 1 1 100%; } .krk-homepage-section .krk-feature-col:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } }



/* ==========================================================================
   ABOUT DR. K. RAMAKRISHNAN SECTION
   ========================================================================== */
.krk-about-section { position: relative; padding: 100px 0 140px 0; background-color: #f8fafc; }
.krk-about-canvas { position: relative; border-radius: 24px; min-height: 620px; overflow: hidden; background-image: url('../imagess/dr-ramakrishnan-bg.webp');background-repeat: no-repeat;background-position: center center;background-size: cover;background-color: #ffffff; box-shadow: 0 20px 60px rgba(5, 29, 73, 0.04); display: flex; flex-direction: row; }
.krk-about-photo-col { flex: 0 0 45%; max-width: 45%; position: relative; }
.krk-about-photo-img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.krk-about-text-col { flex: 1 1 auto; min-width: 0; padding: 3rem 4rem 3rem 4rem; box-sizing: border-box; }
.krk-about-sub { font-size: 0.85rem; font-weight: 700; color: #051d49; letter-spacing: 1.5px; display: inline-flex; align-items: center; gap: 15px; margin-bottom: 25px; }
.krk-about-sub .krk-sub-line { width: 35px; height: 2px; background-color: #d9383a; display: inline-block; }
.krk-about-title { font-size: 50px; font-weight: 700; color: #051d49; line-height: 1.15; margin-bottom: 30px; }
.krk-about-title .text-accent { color: #d9383a; }
.krk-about-desc { font-size: 1.05rem; line-height: 1.7; color: #4a5568; max-width: 480px; margin-bottom: 40px; }
.krk-sig-name { font-family: 'Playfair Display', Georgia, serif; font-size: 2.2rem; color: #051d49; font-weight: 600; margin-bottom: 5px; }
.krk-sig-title { font-size: 0.9rem; font-weight: 700; color: #051d49; line-height: 1.5; margin: 0px !important; }
.krk-sig-title span { color: #d9383a; }
.krk-amenities-section { background-color: transparent; position: relative; z-index: 10; margin-top: -165px; padding-bottom: 80px; }
.krk-amenities-card { background-color: #ffffff; border-radius: 24px; padding: 30px 25px; box-shadow: 0 15px 50px rgba(5, 29, 73, 0.08); border: 1px solid rgba(226, 232, 240, 0.8); }
.krk-amenity-col { position: relative; }
.krk-amenity-item { text-align: center; padding: 0 10px; }
.krk-amenity-icon { width: 60px; height: 60px; background-color: #d9383a; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 20px; color: #ffffff; font-size: 1.5rem; border: 1px solid #e2e8f0; transition: all 0.3s ease; }
.krk-amenity-item:hover .krk-amenity-icon { background-color: #d9383a; color: #ffffff; transform: translateY(-3px); }
.krk-amenity-title { font-size: 1rem; font-weight: 800; color: #051d49; margin-bottom: 12px; min-height: 48px; display: flex; align-items: center; justify-content: center; }
.krk-amenity-desc { font-size: 15px; color: #718096; line-height: 1.5; margin-bottom: 0; }
.krk-reveal-item { opacity: 0; transform: translateY(35px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform, opacity; }
.krk-reveal-item.krk-active { opacity: 1; transform: translateY(0); }
.krk-reveal-item.delay-1 { transition-delay: 0.1s; }
.krk-reveal-item.delay-2 { transition-delay: 0.2s; }
.krk-reveal-item.delay-3 { transition-delay: 0.3s; }
.krk-reveal-item.delay-4 { transition-delay: 0.4s; }
.krk-reveal-item.delay-5 { transition-delay: 0.5s; }
.krk-reveal-item.delay-6 { transition-delay: 0.6s; }
@media (min-width: 1200px) { .krk-amenity-col:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 10%; height: 80%; width: 1px; background-color: #e2e8f0; } }
@media (max-width: 1199.98px) { .krk-about-title { font-size: 2.75rem; } .krk-about-canvas { min-height: 550px; } .krk-about-text-col { padding: 2.5rem; } }
@media (max-width: 991.98px) {    .krk-about-canvas {   background-image: none; background-color: #ffffff;} .krk-about-section { padding: 60px 0 120px 0; } .krk-about-canvas { flex-direction: column; border-radius: 24px; min-height: auto; } .krk-about-photo-col { display: block; flex: 0 0 auto; max-width: 100%; width: 100%; height: 320px; } .krk-about-photo-img { height: 320px; } .krk-about-text-col { padding: 40px 24px; flex: 1 1 auto; } .krk-about-title { font-size: 2.5rem; } .krk-about-desc { max-width: 100%; } .krk-amenities-section { margin-top: -80px; padding-bottom: 50px; } .krk-amenity-col { margin-bottom: 30px; } .krk-amenity-col:last-child { margin-bottom: 0; } }
@media (max-width: 767.98px) { .krk-about-canvas { background-image: none; background-color: #ffffff;}.krk-amenities-card { padding: 25px 15px; } .krk-sig-name { font-size: 1.8rem; } .krk-about-photo-col, .krk-about-photo-img { height: 260px; } }
@media (max-width: 575.98px) { .krk-about-canvas { background-image: none;background-color: #ffffff;}.krk-about-title { font-size: 25px; margin-bottom: 20px; } .krk-about-sub { font-size: 0.78rem; margin-bottom: 15px; } .krk-about-desc { font-size: 15px; margin-bottom: 25px; } .krk-amenity-title { min-height: auto; margin-bottom: 8px; } .krk-amenity-icon { width: 50px; height: 50px; font-size: 1.25rem; margin-bottom: 12px; } .krk-about-text-col { padding: 30px 20px; } }





/* ==========================================================================
   EXPERTISES SECTION (.krk-expertise-section)
============================================================================= */
.krk-expertise-section { background-color: #ffffff; padding: 80px 0; position: relative; overflow: hidden; }
.krk-expertise-section .krk-expertise-header { max-width: 700px; margin: 0 auto; }
.krk-expertise-section .krk-exp-sub { font-size: 0.9rem; font-weight: 700; color: #d9383a; letter-spacing: 2px; display: inline-flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.krk-expertise-section .krk-heart-line-left, .krk-expertise-section .krk-heart-line-right { width: 60px; height: 12px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 24" fill="none" stroke="%23d9383a" stroke-width="2"><path d="M0 12h35l5-8 5 16 5-11 3 3h47"/></svg>') no-repeat center; background-size: contain; display: inline-block; }
.krk-expertise-section .krk-exp-title { font-size: 40px; font-weight: 700; color: #051d49; line-height: 1.2; margin-bottom: 15px; }
.krk-expertise-section .krk-exp-title .text-accent { color: #d9383a; }
.krk-expertise-section .krk-exp-desc { font-size: 1.1rem; color: #5a6a85; margin-bottom: 20px; }
.krk-expertise-section .krk-exp-divider { display: flex; justify-content: center; gap: 4px; }
.krk-expertise-section .krk-exp-divider span { height: 3px; border-radius: 4px; }
.krk-expertise-section .krk-exp-divider .divider-blue { width: 35px; background-color: #051d49; }
.krk-expertise-section .krk-exp-divider .divider-red { width: 15px; background-color: #d9383a; }
.krk-expertise-section .krk-graphic-wrapper { max-width: 420px; margin: 0 auto; position: relative; border-radius: 50%; }
.krk-expertise-section .krk-main-graphic { width: 100%; height: auto; object-fit: contain; }
.krk-expertise-section .krk-expertise-grid-wrapper { position: relative; }
.krk-expertise-section .krk-timeline-line { position: absolute; left: 50%; top: 5%; bottom: 5%; width: 1px; transform: translateX(-50%); z-index: 1; }
.krk-expertise-section .krk-timeline-line .node-dot { position: absolute; width: 12px; height: 12px; border-radius: 50%; left: 50%; transform: translateX(-50%); box-shadow: 0 0 0 5px rgba(255, 255, 255, 1); }
.krk-expertise-section .krk-timeline-line .dot-blue { background-color: #051d49; }
.krk-expertise-section .krk-timeline-line .dot-red { background-color: #d9383a; }
.krk-expertise-section .krk-expertise-item { background: #02162e; border-radius: 16px; padding: 24px 28px; box-shadow: 0 8px 30px rgba(5, 29, 73, 0.03); border: 1px solid rgba(226, 232, 240, 0.6); display: flex; align-items: flex-start; gap: 20px; position: relative; z-index: 2; height: 100%; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.krk-expertise-section .krk-expertise-item:hover { transform: translateY(-6px); box-shadow: 0 15px 40px rgba(5, 29, 73, 0.08); border-color: rgba(5, 29, 73, 0.15); }
.krk-expertise-section .krk-exp-icon-box { width: 64px; height: 64px; background-color: #f8fafc; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid #e2e8f0; padding: 7px; transition: all 0.3s ease; }
.krk-expertise-section .krk-expertise-item:hover .krk-exp-icon-box { background-color: #f8fafc ; border-color: rgba(217, 56, 58, 0.2); }
.krk-expertise-section .krk-exp-icon-img { width: 100%; height: 100%; object-fit: contain; }
.krk-expertise-section .krk-exp-info { flex-grow: 1; }
.krk-expertise-section .krk-exp-item-title { font-size: 1.15rem; font-weight: 800; color: #ffffff; margin-bottom: 8px; }
.krk-expertise-section .krk-item-accent-line { width: 28px; height: 2px; background-color: #d9383a; display: block; margin-bottom: 12px; }
.krk-expertise-section .krk-exp-item-desc { font-size: 0.9rem; color: #ffffff; line-height: 1.6; margin-bottom: 0; }
.krk-expertise-section .krk-reveal-item { opacity: 0 !important; transform: translateY(30px) scale(0.97); transition: opacity 1.1s cubic-bezier(0.25, 1, 0.5, 1), transform 1.1s cubic-bezier(0.25, 1, 0.5, 1) !important; will-change: transform, opacity; }
.krk-expertise-section .krk-reveal-item.krk-active { opacity: 1 !important; transform: translateY(0) scale(1) !important; }
.krk-expertise-section .krk-reveal-item.delay-1 { transition-delay: 0.1s !important; }
.krk-expertise-section .krk-reveal-item.delay-2 { transition-delay: 0.2s !important; }
.krk-expertise-section .krk-reveal-item.delay-3 { transition-delay: 0.3s !important; }
.krk-expertise-section .krk-reveal-item.delay-4 { transition-delay: 0.4s !important; }
.krk-expertise-section .krk-reveal-item.delay-5 { transition-delay: 0.5s !important; }
.krk-expertise-section .krk-reveal-item.delay-6 { transition-delay: 0.6s !important; }
.krk-expertise-section .krk-reveal-item.delay-7 { transition-delay: 0.7s !important; }
@media (max-width: 1199.98px) { .krk-expertise-section .krk-graphic-wrapper { max-width: 340px; } .krk-expertise-section .krk-exp-title { font-size: 2.3rem; } }
@media (max-width: 991.98px) { .krk-expertise-section { padding: 60px 0; } .krk-expertise-section .krk-exp-title { font-size: 2.1rem; } .krk-expertise-section .krk-exp-desc { font-size: 1rem; } .krk-expertise-section .krk-graphic-wrapper { max-width: 300px; margin-top: 20px; margin-bottom: 40px; } .krk-expertise-section .krk-timeline-line { display: none; } }
@media (max-width: 767.98px) { .krk-expertise-section {padding: 50px 0 30px 0; } .krk-expertise-section .krk-exp-sub { font-size: 0.8rem; gap: 8px; } .krk-expertise-section .krk-heart-line-left, .krk-expertise-section .krk-heart-line-right { width: 35px; } .krk-expertise-section .krk-exp-title { font-size: 1.85rem; } .krk-expertise-section .krk-expertise-item { flex-direction: column; align-items: center; text-align: center; padding: 24px 20px; } .krk-expertise-section .krk-item-accent-line { margin: 0 auto 12px auto; } .krk-expertise-section .krk-exp-icon-box { width: 56px; height: 56px; } .krk-expertise-section .krk-exp-item-title { font-size: 1.05rem; } .krk-expertise-section .krk-exp-item-desc { font-size: 1rem; } }
@media (max-width: 575.98px) { .krk-expertise-section .krk-exp-title { font-size: 25px; }  }





/* ==========================================================================
   EVERY MIND MATTERS SECTION (.every-mind-matter-section)
========================================================================== */
.every-mind-matter-section { padding: 0 0 50px; background-color: #ffffff; position: relative; }
.every-mind-matter-section .mind-matter-card { border-radius: 24px; padding: 40px 50px; background-color: #fcf5f3; background-image: url('../imagess/every-mind-bg.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 0 8px 30px rgba(5, 29, 73, 0.03); border: 1px solid rgba(226, 232, 240, 0.5); position: relative; overflow: hidden; }
.every-mind-matter-section .mind-left-content { max-width: 360px; padding-left: 120px; width: 100%; }
.every-mind-matter-section .mind-title { font-size: 23px; font-weight: 400; color: #051d49; line-height: 1.25; margin-bottom: 0; }
.every-mind-matter-section .mind-subtitle { display: block; color: #d9383a; font-size: 23px; font-weight: 400; margin-top: 6px; }
.every-mind-matter-section .mind-vertical-divider { width: 1px; height: 90px; background-color: #d9383a; opacity: 0.4; flex-shrink: 0; }
.every-mind-matter-section .mind-right-quote { display: flex; align-items: flex-start; gap: 20px; padding-right: 120px; position: relative; }
.every-mind-matter-section .quote-icon-box { flex-shrink: 0; margin-top: 4px; }
.every-mind-matter-section .quote-svg { width: 28px; height: auto; opacity: 0.95; }
.every-mind-matter-section .quote-text-content { flex-grow: 1; }
.every-mind-matter-section .mission-text { font-size: 14px; color: #334155; line-height: 1.5; font-weight: 500; margin-bottom: 12px; }
.every-mind-matter-section .author-name { font-size: 1.1rem; font-weight: 700; color: #d9383a; display: block; }
@media (max-width: 1399.98px) { .every-mind-matter-section .mind-left-content { padding-left: 60px; } .every-mind-matter-section .mind-right-quote { padding-right: 60px; } }
@media (max-width: 1199.98px) { .every-mind-matter-section .mind-matter-card { padding: 35px 30px; } .every-mind-matter-section .mind-left-content { padding-left: 20px; } .every-mind-matter-section .mind-right-quote { padding-right: 20px; } .every-mind-matter-section .mind-title, .every-mind-matter-section .mind-subtitle { font-size: 1.25rem; } }
@media (max-width: 991.98px) { .every-mind-matter-section .mind-matter-card { padding: 35px 25px; background-size: cover; } .every-mind-matter-section .mind-left-content, .every-mind-matter-section .mind-right-quote { padding-left: 0; padding-right: 0; max-width: 100%; } .every-mind-matter-section .mind-vertical-divider { height: 70px; } }
@media (max-width: 767.98px) { .every-mind-matter-section .mind-matter-card { padding: 30px 20px; } .every-mind-matter-section .mind-left-content { max-width: 100%; margin-bottom: 20px; text-align: center; } .every-mind-matter-section .mind-title, .every-mind-matter-section .mind-subtitle { font-size: 1.2rem; text-align: center; } .every-mind-matter-section .mind-vertical-divider { width: 60px; height: 2px; margin: 0 auto 20px auto; } .every-mind-matter-section .mind-right-quote { gap:0px; flex-direction: column; align-items: center; text-align: center; } .every-mind-matter-section .quote-icon-box { margin-top: 0; margin-bottom: 12px; } .every-mind-matter-section .mission-text { font-size: 1rem; } }
@media (max-width: 575.98px) { .every-mind-matter-section .mind-title, .every-mind-matter-section .mind-subtitle { font-size: 1.1rem; } .every-mind-matter-section .author-name { font-size: 1rem; } }


/* ==========================================================================
   KRK JOURNEY SECTION (.krk-journey-section)
   ========================================================================== */
.krk-journey-section { padding: 60px 0 0px; background-color: #02162e1a; overflow: hidden; position: relative; }
.krk-journey-section .journey-header { text-align: left; }
.krk-journey-section .journey-sub { font-size: 0.9rem; font-weight: 700; color: #051d49; letter-spacing: 2px; display: inline-flex; align-items: center; gap: 15px; margin-bottom: 15px; }
.krk-journey-section .sub-line { width: 30px; height: 1px; background-color: #051d49; display: inline-block; }
.krk-journey-section .journey-title { font-size: 40px; font-weight: 700; color: #051d49; line-height: 1.25; margin-bottom: 20px; }
.krk-journey-section .highlight-red { color: #d9383a; }
.krk-journey-section .journey-desc { font-size: 1.1rem; color: #5a6a85; line-height: 1.6; font-weight: 500; }
.krk-journey-section .journey-quote-card { background: #ffffff; border-radius: 24px; padding: 35px 40px; box-shadow: 0 15px 45px rgba(5, 29, 73, 0.04); border: 1px solid rgba(226, 232, 240, 0.7); position: relative; margin-left: 20px; }
.krk-journey-section .journey-quote-card::after { content: ''; position: absolute; right: 20px; top: 20px; width: 70px; height: 80px; background-image: url('../imagess/journey-icon.webp'); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.5; pointer-events: none; }
.krk-journey-section .quote-symbol { width: 24px; margin-bottom: 15px; }
.krk-journey-section .quote-text { font-size: 1.05rem; color: #475569; line-height: 1.6; font-weight: 500; margin: 0; }
.krk-journey-section .timeline-row-wrapper { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 80px; position: relative; width: 100%; }
.krk-journey-section .timeline-node { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; position: relative; z-index: 2; }
.krk-journey-section .node-circle { width: 110px; height: 110px; border-radius: 50%; background-color: #ffffff; border: 2px solid #051d49; display: flex; align-items: center; justify-content: center; padding: 24px; position: relative; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer; box-shadow: 0 4px 15px rgba(5, 29, 73, 0.05); flex-shrink: 0; }
.krk-journey-section .node-icon { width: 100%; height: 100%; object-fit: contain; transition: transform 0.4s ease; }
.krk-journey-section .orbit-dot { position: absolute; width: 8px; height: 8px; border-radius: 50%; top: 5px; right: 15px; }
.krk-journey-section .blue-dot { background-color: #051d49; }
.krk-journey-section .red-dot { background-color: #d9383a; }
.krk-journey-section .timeline-node:hover .node-circle { transform: translateY(-8px) scale(1.08); box-shadow: 0 12px 25px rgba(5, 29, 73, 0.12); border-color: #d9383a; }
.krk-journey-section .timeline-node:hover .node-icon { transform: rotate(5deg); }
.krk-journey-section .active-node .node-circle { border-color: #d9383a; }
.krk-journey-section .timeline-dashed-connector { flex-grow: 1; height: 2px; border-top: 2px dashed #02162e; margin-top: 55px; min-width: 30px; position: relative; z-index: 1; }
.krk-journey-section .node-info { margin-top: 25px; padding: 0px; }
.krk-journey-section .node-year { font-size: 18px; font-weight: 800; color: #051d49; display: block; margin-bottom: 5px; }
.krk-journey-section .node-milestone { font-size: 18px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 12px; }
.krk-journey-section .text-red { color: #d9383a; }
.krk-journey-section .font-bold { font-weight: 900; }
.krk-journey-section .node-details { font-size: 0.85rem; color: #5a6a85; line-height: 1.5; font-weight: 500; margin: 0; }
@keyframes timelinePopup { 0% { opacity: 0; transform: translateY(30px) scale(0.95); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
.krk-journey-section .timeline-reveal { opacity: 0; animation: timelinePopup 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards; }
.krk-journey-section .delay-1 { animation-delay: 0.1s; }
.krk-journey-section .delay-2 { animation-delay: 0.25s; }
.krk-journey-section .delay-3 { animation-delay: 0.4s; }
.krk-journey-section .delay-4 { animation-delay: 0.55s; }
.krk-journey-section .delay-5 { animation-delay: 0.7s; }
.krk-journey-section .delay-6 { animation-delay: 0.85s; }
@media (max-width: 1399.98px) { .krk-journey-section .journey-quote-card { margin-left: 0; } }
@media (max-width: 1199.98px) { .krk-journey-section .journey-title { font-size: 2.2rem; } .krk-journey-section .node-circle { width: 90px; height: 90px; padding: 18px; } .krk-journey-section .timeline-dashed-connector { margin-top: 45px; } .krk-journey-section .node-year { font-size: 1.1rem; } .krk-journey-section .node-milestone { font-size: 1rem; } .krk-journey-section .node-details { font-size: 0.8rem; } }
@media (max-width: 991.98px) { .krk-journey-section { padding: 50px 0 0px; } .krk-journey-section .journey-quote-card { margin-left: 0; margin-top: 30px; padding: 30px; } .krk-journey-section .timeline-row-wrapper { flex-direction: column; align-items: flex-start; gap: 35px; padding-left: 20px; margin-top: 50px; } .krk-journey-section .timeline-node { flex-direction: row; text-align: left; gap: 25px; width: 100%; align-items: flex-start; } .krk-journey-section .node-info { margin-top: 0; padding: 0; } .krk-journey-section .timeline-dashed-connector { position: absolute; width: 2px; height: calc(100% - 70px); border-left: 2px dashed #000000; border-top: none; left: 65px; top: 45px; margin: 0; } }
@media (max-width: 767.98px) { .krk-journey-section .journey-title { font-size: 1.85rem; } .krk-journey-section .journey-desc { font-size: 1rem; } .krk-journey-section .journey-quote-card { padding: 25px 20px; } .krk-journey-section .journey-quote-card::after { width: 50px; height: 60px; } .krk-journey-section .quote-text { font-size: 1rem; } .krk-journey-section .timeline-row-wrapper { padding-left: 5px; } .krk-journey-section .node-circle { width: 76px; height: 76px; padding: 15px; } .krk-journey-section .timeline-dashed-connector { left: 42px; top: 38px; } .krk-journey-section .timeline-node { gap: 15px; } .krk-journey-section .node-year { font-size: 1rem; } .krk-journey-section .node-milestone { font-size: 0.95rem; margin-bottom: 6px; } }
@media (max-width: 575.98px) { .krk-journey-section .journey-title { font-size: 25px; } .krk-journey-section .timeline-row-wrapper { padding-left: 0; } .krk-journey-section .node-circle { width: 68px; height: 68px; padding: 12px; } .krk-journey-section .timeline-dashed-connector { left: 34px; top: 34px; } }





/*============== new journey styles ==============*/
.krk-full-journey-section { background-color: #d8dee5; padding: 0px 0 60px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; position: relative; overflow: hidden; }
.krk-full-journey-section .journey-timeline-wrapper { position: relative; max-width: 1280px; margin: 0 auto; padding: 20px 0; }
.krk-full-journey-section .timeline-connector-svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.krk-full-journey-section .timeline-path { fill: none; stroke: #8e9cae; stroke-width: 2; stroke-dasharray: 6 6; stroke-linecap: round; }
.krk-full-journey-section .timeline-row { display: flex; align-items: flex-start; justify-content: space-between; position: relative; z-index: 2; margin-bottom: 75px; padding: 0 40px; }
.krk-full-journey-section .timeline-row:last-child { margin-bottom: 0; }
.krk-full-journey-section .timeline-row.row-reverse { flex-direction: row-reverse; }
.krk-full-journey-section .timeline-item { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; width: 130px; opacity: 0; transform: translateY(20px); transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.krk-full-journey-section .timeline-item.in-view { opacity: 1; transform: translateY(0); }
.krk-full-journey-section .item-badge { width: 64px; height: 64px; border-radius: 50%; background-color: #ffffff; border: 2px solid #0b2545; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; box-shadow: 0 0 0 6px #ffffff; transition: transform 0.3s ease; }
.krk-full-journey-section .item-badge:hover { transform: scale(1.08); }
.krk-full-journey-section .item-badge img { width: 30px; height: 30px; object-fit: contain; }
.krk-full-journey-section .item-badge.red-theme { border-color: #d9383a; }
.krk-full-journey-section .item-badge.end-node { width: 76px; height: 76px; border-color: #d9383a; background-color: #ffffff; }
.krk-full-journey-section .item-badge.end-node img { width: 40px; height: 40px; }
.krk-full-journey-section .item-year { font-size: 1.15rem; font-weight: 800; color: #0b2545; margin-bottom: 4px; }
.krk-full-journey-section .item-year.red-text { color: #d9383a; }
.krk-full-journey-section .item-desc { font-size: 0.8rem; color: #4a5568; font-weight: 600; line-height: 1.25; max-width: 130px; }
.krk-full-journey-section .featured-card { background-color: #eef5ff; border: 1.5px solid #bcd7ff; border-radius: 16px; padding: 12px; display: flex; align-items: center; gap: 12px; width: 380px; box-shadow: 0 0 0 6px #ffffff, 0 6px 15px rgba(11, 37, 69, 0.08); position: relative; z-index: 3; text-align: left; opacity: 0; transform: translateY(20px); transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.krk-full-journey-section .featured-card.in-view { opacity: 1; transform: translateY(0); }
.krk-full-journey-section .featured-card img { width: 100px; height: 90px; border-radius: 8px; object-fit: contain; }
.krk-full-journey-section .featured-card .card-year { font-size: 1.1rem; font-weight: 800; color: #d9383a; }
.krk-full-journey-section .featured-card .card-title { font-size: 1rem; font-weight: 700; color: #0b2545; margin-bottom: 4px; }
.krk-full-journey-section .featured-card ul { margin: 0; padding-left: 14px; font-size: 0.72rem; color: #2d3748; font-weight: 600; }

@media (max-width: 991px) { 
  .krk-full-journey-section .timeline-row, 
  .krk-full-journey-section .timeline-row.row-reverse { 
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding: 0 20px;
    margin-bottom: 50px;
  } 
  .krk-full-journey-section .timeline-item {
    width: 45%;
    max-width: 45%;
  }
  .krk-full-journey-section .featured-card { 
    width: 100%; 
  } 
}

@media (max-width: 480px) {
  .krk-full-journey-section .timeline-row, 
  .krk-full-journey-section .timeline-row.row-reverse {
    padding: 0 12px !important;
    gap: 8px !important;
  }
  .krk-full-journey-section .item-desc {
    font-size: 0.72rem !important;
  }
}

/* ==========================================================================
   GUIDE MY JOURNEY SECTION (.guide-my-journey-section) - COMPACT VERSION
   ========================================================================== */
.guide-my-journey-section { padding: 20px 0 50px; background-color: #f7f8fa; position: relative; }
.guide-my-journey-section .values-journey-card { border-radius: 20px; padding: 30px 35px; background-color: #ffffff; background-image: url('../imagess/values/guide-journey-bg.webp'); background-size: cover; background-position: center right; background-repeat: no-repeat; box-shadow: 0 10px 40px rgba(5, 29, 73, 0.04); border: 1px solid rgba(226, 232, 240, 0.7); overflow: hidden; }
.guide-my-journey-section .values-mission-content { padding-right: 20px; }
.guide-my-journey-section .values-quote-icon { width: 24px; height: auto; margin-bottom: 8px; }
.guide-my-journey-section .values-mission-title { font-size: 20px; font-weight: 700; color: #051d49; margin-bottom: 8px; }
.guide-my-journey-section .values-mission-desc { font-size: 15px; color: #475569; line-height: 1.5; font-weight: 500; margin-bottom: 10px; }
.guide-my-journey-section .values-author { font-size: 0.95rem; font-weight: 700; color: #d9383a; }
.guide-my-journey-section .values-header { margin-bottom: 20px; }
.guide-my-journey-section .values-sub { font-size: 0.8rem; font-weight: 800; color: #051d49; letter-spacing: 2px; display: inline-flex; align-items: center; gap: 12px; }
.guide-my-journey-section .values-pulse-line { width: 35px; height: 1px; background-color: #d9383a; display: inline-block; }
.guide-my-journey-section .values-grid-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.guide-my-journey-section .value-grid-item { text-align: center; display: flex; flex-direction: column; align-items: center; }
.guide-my-journey-section .value-icon-wrapper { width: 68px; height: 68px; border-radius: 50%; background-color: #ffffff; box-shadow: 0 6px 18px rgba(5, 29, 73, 0.04); border: 1px solid #f1f5f9; display: flex; align-items: center; justify-content: center; padding: 10px; margin-bottom: 12px; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); flex-shrink: 0; }
.guide-my-journey-section .value-grid-item:hover .value-icon-wrapper { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(217, 56, 58, 0.1); border-color: rgba(217, 56, 58, 0.2); }
.guide-my-journey-section .value-icon-img { width: 100%; height: 100%; object-fit: contain; }
.guide-my-journey-section .value-title { font-size: 1.05rem; font-weight: 800; color: #051d49; margin-bottom: 6px; }
.guide-my-journey-section .value-divider-line { width: 20px; height: 2px; background-color: #d9383a; margin-bottom: 8px; display: inline-block; }
.guide-my-journey-section .value-desc { font-size: 0.8rem; color: #5a6a85; line-height: 1.4; font-weight: 500; margin: 0; }
@media (max-width: 1199.98px) { .guide-my-journey-section .values-journey-card { padding: 25px 20px; } .guide-my-journey-section .values-grid-row { gap: 15px; } .guide-my-journey-section .value-icon-wrapper { width: 60px; height: 60px; padding: 12px; } .guide-my-journey-section .value-title { font-size: 0.95rem; } }
@media (max-width: 991.98px) { .guide-my-journey-section { padding: 10px 0 40px; } .guide-my-journey-section .values-journey-card { padding: 30px 25px; background-position: center; } .guide-my-journey-section .values-mission-content { padding-right: 0; margin-bottom: 30px; text-align: center; } .guide-my-journey-section .values-grid-row { grid-template-columns: repeat(2, 1fr); gap: 25px 20px; } }
@media (max-width: 767.98px) { .guide-my-journey-section .values-journey-card { padding: 25px 18px; } .guide-my-journey-section .values-mission-title { font-size: 1.15rem; } .guide-my-journey-section .values-mission-desc { font-size: 0.88rem; } .guide-my-journey-section .value-title { font-size: 0.95rem; } .guide-my-journey-section .value-desc { font-size: 0.78rem; } }
@media (max-width: 575.98px) { .guide-my-journey-section .values-grid-row { grid-template-columns: repeat(2, 1fr); gap: 20px 12px; } .guide-my-journey-section .value-icon-wrapper { width: 54px; height: 54px; padding: 10px; } }
@media (max-width: 400px) { .guide-my-journey-section .values-grid-row { grid-template-columns: 1fr; gap: 20px; } }

/*===================================
          Roles and contribution
  ===================================*/

.krk-roles-contribution-section { --bg-dark-navy: #02162e; --text-white: #ffffff; --text-muted-blue: #a3b8cc; --accent-red: #e64a3b; --border-line: rgba(255, 255, 255, 0.12); --font-sans: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; width: 100%; position: relative; font-family: var(--font-sans); overflow: hidden; }
.krk-roles-contribution-section * { box-sizing: border-box; margin: 0; padding: 0; }
.krk-roles-contribution-section .krk-img-wrapper-column { display: flex; align-items: stretch; background-color: #f0f4f8; }
.krk-roles-contribution-section .krk-main-img { width: 100%; height: 100%; min-height: auto; object-fit: cover; display: block; }
.krk-roles-contribution-section .krk-right-content-panel { background-color: var(--bg-dark-navy); display: flex; align-items: center; padding: 40px 0px; color: var(--text-white); }
.krk-roles-contribution-section .krk-inner-content-box { width: 100%; max-width: 750px; margin: 0 0 0 40px; }
.krk-roles-contribution-section .krk-subtitle { font-size: 12px; font-weight: 700; letter-spacing: 1.5px; color: var(--accent-red); margin-bottom: 15px; display: inline-block; }
.krk-roles-contribution-section .krk-title { font-family: serif; font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 22px; }
.krk-roles-contribution-section .krk-highlight { color: var(--accent-red); }
.krk-roles-contribution-section .krk-description { font-size: 15px; color: var(--text-muted-blue); line-height: 1.65; margin-bottom: 45px; }
.krk-roles-contribution-section .krk-roles-list-container { display: flex; flex-direction: column; padding-right: 10px; }
.krk-roles-contribution-section .krk-role-item { display: flex; align-items: center; padding: 20px 0; border-top: 1px solid var(--border-line); cursor: pointer; transition: all 0.25s ease-in-out; }
.krk-roles-contribution-section .krk-role-item:last-child { border-bottom: 1px solid var(--border-line); }
.krk-roles-contribution-section .krk-role-item:hover { background-color: rgba(255, 255, 255, 0.03); padding-left: 15px; }
.krk-roles-contribution-section .krk-icon-block { flex: 0 0 70px; }
.krk-roles-contribution-section .krk-circle-icon { width: 46px; height: 46px; background-color: #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: var(--bg-dark-navy); font-size: 16px; transition: all 0.2s ease; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
.krk-roles-contribution-section .krk-role-item:hover .krk-circle-icon { background-color: var(--accent-red); color: #ffffff; transform: scale(1.08); }
.krk-roles-contribution-section .krk-text-title-block { flex: 0 0 35%; padding-right: 15px; }
.krk-roles-contribution-section .krk-text-title-block h3 { font-size: 16px; font-weight: 600; margin-bottom: 4px; color: var(--text-white); }
.krk-roles-contribution-section .krk-sub-text { font-size: 12.5px; color: var(--text-muted-blue); display: block; line-height: 1.4; }
.krk-roles-contribution-section .text-red { color: var(--accent-red); }
.krk-roles-contribution-section .krk-text-details-block { flex: 1; padding-left: 25px; border-left: 1px solid rgba(255, 255, 255, 0.15); }
.krk-roles-contribution-section .krk-text-details-block p { font-size: 13.5px; color: var(--text-muted-blue); line-height: 1.55; }
.krk-roles-contribution-section .krk-popup-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(1, 15, 31, 0.82); backdrop-filter: blur(8px); display: flex; justify-content: center; align-items: center; z-index: 10000; opacity: 0; pointer-events: none; transition: opacity 0.35s ease; }
.krk-roles-contribution-section .krk-popup-overlay.active { opacity: 1; pointer-events: auto; }
.krk-roles-contribution-section .krk-popup-modal-box { background: #ffffff; padding: 40px; border-radius: 16px; max-width: 540px; width: 90%; position: relative; box-shadow: 0 25px 55px rgba(0, 0, 0, 0.35); transform: translateY(25px); transition: transform 0.35s ease; }
.krk-roles-contribution-section .krk-popup-overlay.active .krk-popup-modal-box { transform: translateY(0); }
.krk-roles-contribution-section .krk-popup-close-btn { position: absolute; top: 15px; right: 20px; font-size: 34px; background: none; border: none; cursor: pointer; color: #888; }
.krk-roles-contribution-section .krk-popup-close-btn:hover { color: var(--accent-red); }
.krk-roles-contribution-section #popupTitle { font-family: serif; color: var(--bg-dark-navy); font-size: 28px; margin-bottom: 6px; }
.krk-roles-contribution-section #popupSubtitle { color: var(--accent-red); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
.krk-roles-contribution-section .popup-divider-line { margin: 18px 0; border: none; height: 1px; background-color: #e5edf5; }
.krk-roles-contribution-section #popupBodyText { color: #4a5568; font-size: 15px; line-height: 1.65; }
@media (max-width: 991px) {  .krk-roles-contribution-section .krk-role-item { flex-wrap: wrap; } .krk-roles-contribution-section .krk-text-title-block { flex: 1; } .krk-roles-contribution-section .krk-text-details-block { flex: 0 0 100%; padding-left: 0; border-left: none; margin-top: 12px; } }
@media (max-width: 767px) { .krk-roles-contribution-section .krk-inner-content-box{margin:0 0 0 20px !important}.krk-roles-contribution-section .krk-main-img { min-height: 320px; height: 320px; } .krk-roles-contribution-section .krk-title { font-size: 32px; } .krk-roles-contribution-section .krk-icon-block { flex: 0 0 55px; } }



/*=================================
           BOOk penned
===================================*/
.krk-book-penned-section { --clr-navy-main: #1d3557; --clr-red-accent: #e63946; --clr-blue-accent: #457b9d; --clr-bg-gradient: linear-gradient(180deg, #fbfcfe 0%, #f4f7fa 100%); --clr-card-bg: #ffffff; --clr-text-dark: #2b2d42; --clr-text-light: #6c757d; --shelf-wood: linear-gradient(to bottom, #d7ccc8 0%, #bcaaa4 100%); --fnt-serif: Georgia, 'Times New Roman', serif; --fnt-sans: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #ffffff; font-family: var(--fnt-sans); padding: 50px 0 60px; overflow: hidden; position: relative; width: 100%; }
.krk-book-penned-section * { box-sizing: border-box; }
.krk-book-penned-section .krk-fade-in { opacity: 1; transform: translateY(0); }
.krk-book-penned-section .krk-top-tag { font-size: 11px; font-weight: 700; color: var(--clr-red-accent); letter-spacing: 2px; display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 10px; text-transform: uppercase; }
.krk-book-penned-section .krk-line { width: 35px; height: 1px; background-color: var(--clr-red-accent); display: inline-block; }
.krk-book-penned-section .krk-main-heading { font-size: 44px; font-weight: 700; color: var(--clr-navy-main); margin-bottom: 15px; text-align: center; }
.krk-book-penned-section .krk-heading-highlight { color: var(--clr-red-accent); }
.krk-book-penned-section .krk-heading-icon { display: flex; align-items: center; justify-content: center; gap: 15px; color: var(--clr-red-accent); margin-bottom: 20px; font-size: 20px; }
.krk-book-penned-section .krk-heading-icon .inner-line { width: 50px; height: 1px; background-color: #979797; }
.krk-book-penned-section .krk-lead-text { font-size: 16px; color: var(--clr-text-light); line-height: 1.7; max-width: 680px; margin: 0 auto; text-align: center; }
.krk-book-penned-section .krk-shelf-showcase-wrapper { position: relative; margin-top: 60px; }
.krk-book-penned-section .krk-shelf-inner-bg { background: rgba(255, 255, 255, 0.4); border-radius: 20px 20px 0 0; padding: 40px 20px 0; border: 1px solid rgba(226, 232, 240, 0.6); border-bottom: none; }
.krk-book-penned-section .krk-wooden-shelf { width: 100%; height: 16px; background: var(--shelf-wood); border-radius: 4px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.3); margin-top: 5px; }
.krk-book-penned-section .krk-shelf-row { align-items: stretch; }
.krk-book-penned-section .krk-book-col { display: flex; align-items: stretch; justify-content: center; }
.krk-book-penned-section .krk-book-item-pair { display: flex; align-items: flex-end; gap: 15px; width: 100%; cursor: pointer; transition: transform 0.3s ease; }
.krk-book-penned-section .krk-book-item-pair:hover { transform: translateY(-8px); }
.krk-book-penned-section .krk-book-cover { width: 180px; height: 230px; object-fit: contain; flex-shrink: 0; align-self: flex-end; filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.12)); }
.krk-book-penned-section .krk-info-card { background-color: var(--clr-card-bg); padding: 25px 20px 20px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04); border: 1px solid #edf2f7; position: relative; flex: 1 1 auto; align-self: stretch; min-height: 145px; display: flex; flex-direction: column; justify-content: center; }
.krk-book-penned-section .krk-card-icon { width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #ffffff; font-size: 18px; position: absolute; top: -20px; left: 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
.krk-book-penned-section .icon-red { background-color: var(--clr-red-accent); }
.krk-book-penned-section .icon-blue { background-color: var(--clr-blue-accent); }
.krk-book-penned-section .icon-navy { background-color: var(--clr-navy-main); }
.krk-book-penned-section .krk-info-card h3 { font-size: 16px; font-weight: 700; line-height: 1.4; color: var(--clr-navy-main); margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.krk-book-penned-section .highlight-red { color: var(--clr-red-accent); }
.krk-book-penned-section .highlight-blue { color: var(--clr-blue-accent); }
.krk-book-penned-section .highlight-navy { color: var(--clr-navy-main); }
.krk-book-penned-section .krk-info-card p { font-size: 14px; color: var(--clr-text-light); line-height: 1.4; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.krk-book-penned-section .krk-quote-box { background-color: var(--clr-card-bg); border-radius: 14px; padding: 30px 60px; text-align: center; border: 1px solid #edf2f7; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03); position: relative; margin-top: 40px; }
.krk-book-penned-section .quote-mark { font-family: var(--fnt-serif); font-size: 48px; color: var(--clr-red-accent); position: absolute; line-height: 1; opacity: 0.8; }
.krk-book-penned-section .open-quote { top: 15px; left: 25px; }
.krk-book-penned-section .close-quote { bottom: -15px; right: 25px; }
.krk-book-penned-section .quote-text { font-family: var(--fnt-serif); font-style: italic; font-size: 17px; color: #334155; line-height: 1.6; margin-bottom: 8px; }
.krk-book-penned-section .quote-author { font-size: 18px; font-weight: 700; color: var(--clr-red-accent); letter-spacing: 0.5px; margin: 0; }
.krk-book-penned-section .feather-bg-graphic { position: absolute; bottom: 10px; right: 40px; font-size: 32px; color: #cbd5e1; opacity: 0.25; pointer-events: none; transform: rotate(15deg); }
@media (max-width: 1199.98px) { .krk-book-penned-section .krk-main-heading { font-size: 38px; } .krk-book-penned-section .krk-book-cover { width: 150px; height: 200px; } }
@media (max-width: 991.98px) { .krk-book-penned-section { padding: 40px 0 0px; } .krk-book-penned-section .krk-main-heading { font-size: 34px; } .krk-book-penned-section .krk-shelf-inner-bg { padding: 30px 15px 0; } .krk-book-penned-section .krk-book-cover { width: 140px; height: 190px; } .krk-book-penned-section .krk-info-card { padding: 22px 15px 15px; } .krk-book-penned-section .krk-quote-box { padding: 25px 40px; } .krk-book-penned-section .quote-text { font-size: 15px; } }
@media (max-width: 767.98px) { .krk-book-penned-section .krk-main-heading { font-size: 28px; } .krk-book-penned-section .krk-lead-text { font-size: 1rem; } .krk-book-penned-section .krk-shelf-showcase-wrapper { margin-top: 40px; } .krk-book-penned-section .krk-book-col { align-items: center; } .krk-book-penned-section .krk-book-item-pair { flex-direction: column; align-items: center; text-align: center; gap: 25px; margin-bottom: 25px; } .krk-book-penned-section .krk-book-cover { width: 160px; height: 210px; align-self: center; } .krk-book-penned-section .krk-info-card { text-align: center !important; width: 100%; min-height: auto; padding-top: 30px; align-self: auto; } .krk-book-penned-section .krk-card-icon { left: 50%; transform: translateX(-50%); top: -20px; } .krk-book-penned-section .krk-quote-box { padding: 30px 20px; } .krk-book-penned-section .open-quote { left: 10px; top: 10px; font-size: 36px; } .krk-book-penned-section .close-quote { right: 10px; bottom: -10px; font-size: 36px; } }
@media (max-width: 480px) { .krk-book-penned-section .krk-main-heading { font-size: 24px; } .krk-book-penned-section .quote-author { font-size: 16px; } }


/*========================================
               Awards homepage section
=========================================*/

.krk-awards-homepage-section { --clr-navy: #0e1e38; --clr-crimson: #e63946; --clr-gold: #d9383a; --clr-text-dark: #333333; --clr-text-muted: #666666; --fnt-serif: Georgia, 'Times New Roman', serif; --fnt-sans: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; position: relative; width: 100%; min-height: 600px; padding: 80px 0; font-family: var(--fnt-sans); background-color: #ffffff; background-image: linear-gradient(to right, #f5f5f540 40%, rgb(255 255 255 / 0%) 65%, rgba(255, 255, 255, 0) 100%), url(../imagess/doctor-bg-image.webp); background-size: cover; background-position: right center; background-repeat: no-repeat; overflow: hidden; display: flex; align-items: center; }
.krk-awards-homepage-section * { box-sizing: border-box; margin: 0; padding: 0; }
.krk-awards-homepage-section .krk-scroll-fade { opacity: 0; transform: translateY(35px); transition: opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1), transform 0.85s cubic-bezier(0.25, 1, 0.5, 1); }
.krk-awards-homepage-section .krk-scroll-fade.active { opacity: 1; transform: translateY(0); }
.krk-awards-homepage-section .krk-awards-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.krk-awards-homepage-section .krk-content-column { flex: 1; max-width: 580px; padding-right: 20px; }
.krk-awards-homepage-section .krk-top-tagline { font-size: 13px; font-weight: 700; letter-spacing: 1.5px; color: var(--clr-gold); display: inline-block; text-transform: uppercase; }
.krk-awards-homepage-section .krk-gold-line { width: 120px; height: 2px; background-color: var(--clr-gold); border: none; margin-top: 8px; margin-bottom: 25px; opacity: 1; }
.krk-awards-homepage-section .krk-main-title { font-size: 52px; font-weight: 700; line-height: 1.15; color: var(--clr-navy); margin-bottom: 25px; }
.krk-awards-homepage-section .krk-title-highlight { color: var(--clr-crimson); }
.krk-awards-homepage-section .krk-paragraph-text { font-size: 15px; line-height: 1.7; color: var(--clr-text-muted); max-width: 480px; margin-bottom: 30px; }
.krk-awards-homepage-section .krk-stat-badge { display: flex; align-items: center; gap: 15px; }
.krk-awards-homepage-section .krk-badge-icon { width: 50px; height: 50px; background-color: #faf6ee; border: 1px solid rgba(197, 160, 89, 0.25); border-radius: 50%; display: flex; justify-content: center; align-items: center; color: var(--clr-gold); font-size: 24px; flex-shrink: 0; }
.krk-awards-homepage-section .krk-badge-text h4 { font-size: 15px; font-weight: 700; color: var(--clr-crimson); margin-bottom: 2px; }
.krk-awards-homepage-section .krk-badge-text p { font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--clr-text-muted); }
.krk-awards-homepage-section .krk-floating-quote-card {     top: 160px;background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 16px; padding: 25px 30px; max-width: 380px; width: 100%; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); position: relative; flex-shrink: 0; }
.krk-awards-homepage-section .quote-icon { font-family: var(--fnt-serif); font-size: 54px; color: var(--clr-gold); line-height: 1; display: block; margin-bottom: -10px; }
.krk-awards-homepage-section .quote-body { font-size: 14px; line-height: 1.65; color: #444444; font-weight: 500; margin-bottom: 20px; }
.krk-awards-homepage-section .quote-divider { width: 30px; height: 1.5px; background-color: var(--clr-gold); border: none; margin-bottom: 12px; opacity: 1; }
.krk-awards-homepage-section .quote-signature { font-size: 15px; font-weight: 700; color: var(--clr-navy); }
@media (max-width: 1399.98px) { .krk-awards-homepage-section .krk-main-title { font-size: 46px; } }
@media (max-width: 1199.98px) { .krk-awards-homepage-section { padding: 60px 0; background-image: linear-gradient(to right, #ffffff 50%, rgb(255 255 255 / 0%) 75%, rgba(255, 255, 255, 0.2) 100%), url(../imagess/doctor-bg-image.webp) } .krk-awards-homepage-section .krk-main-title { font-size: 40px; } .krk-awards-homepage-section .krk-floating-quote-card { max-width: 320px; padding: 20px 22px; } }
@media (max-width: 991.98px) { .krk-awards-homepage-section { height: auto; min-height: auto; padding: 60px 0; background-image: none !important; background-position: center top; } .krk-awards-homepage-section .krk-awards-container { flex-direction: column; align-items: flex-start; gap: 35px; } .krk-awards-homepage-section .krk-content-column { max-width: 100%; padding-right: 0; } .krk-awards-homepage-section .krk-main-title { font-size: 38px; } .krk-awards-homepage-section .krk-paragraph-text { max-width: 100%; } .krk-awards-homepage-section .krk-floating-quote-card { max-width: 100%; background: rgba(255, 255, 255, 0.92);top:0px !important; } }
@media (max-width: 767.98px) { .krk-awards-homepage-section { padding: 0px 0 0px ; } .krk-awards-homepage-section .krk-main-title { font-size: 32px; margin-bottom: 18px; } .krk-awards-homepage-section .krk-gold-line { margin-bottom: 18px; } .krk-awards-homepage-section .krk-paragraph-text { font-size: 1rem; margin-bottom: 22px; } .krk-awards-homepage-section .krk-floating-quote-card { top:0px;padding: 20px; } .krk-awards-homepage-section .quote-icon { font-size: 42px; } .krk-awards-homepage-section .quote-body { font-size: 1rem; } }
@media (max-width: 480px) { .krk-awards-homepage-section .krk-main-title { font-size: 27px; } .krk-awards-homepage-section .krk-stat-badge { align-items: flex-start; } .krk-awards-homepage-section .krk-badge-icon { width: 42px; height: 42px; font-size: 20px; } }



/*=======================================
          Awards and recognitation
 =========================================*/

.krk-awards-recognitions-section{--c-navy-text:#0b1f3b;--c-crimson-red:#bb1f26;--c-navy-badge:#132a4a;--c-gold-decor:#e74551;--c-text-muted:#5e6d82;--c-border-light:rgba(226, 232, 240, 0.8);--c-bg-card:#ffffff;--f-serif:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;--f-sans:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;background-color:#ffffff;font-family:var(--f-sans);padding:40px 0 40px 0;width:100%;overflow:hidden;position:relative}
.krk-awards-recognitions-section *{box-sizing:border-box}
.krk-awards-recognitions-section .krk-scroll-fade{opacity:0;transform:translateY(35px);transition:opacity 0.85s cubic-bezier(0.25, 1, 0.5, 1), transform 0.85s cubic-bezier(0.25, 1, 0.5, 1)}
.krk-awards-recognitions-section .krk-scroll-fade.active{opacity:1;transform:translateY(0)}
.krk-awards-recognitions-section .krk-top-header-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}
.krk-awards-recognitions-section .krk-section-subtitle{font-size:30px;font-weight:700;letter-spacing:1.5px;color:#051d49;margin:0}
.krk-awards-recognitions-section .krk-diamond-line-left,.krk-awards-recognitions-section .krk-diamond-line-right{width:60px;height:1px;background:linear-gradient(to left, #e63946, #e63946);position:relative}
.krk-awards-recognitions-section .krk-diamond-line-right{background:linear-gradient(to left, transparent, var(--c-gold-decor))}
.krk-awards-recognitions-section .krk-diamond-line-left::after,.krk-awards-recognitions-section .krk-diamond-line-right::before{content:"◆";font-size:8px;color:var(--c-gold-decor);position:absolute;top:-5.5px}
.krk-awards-recognitions-section .krk-diamond-line-left::after{right:-2px}
.krk-awards-recognitions-section .krk-diamond-line-right::before{left:-2px}
.krk-awards-recognitions-section .krk-section-lead-text{font-size:16px;color:var(--c-text-muted);font-weight:500}
@media (min-width: 992px){.krk-awards-recognitions-section .match-height-cards{display:flex;flex-wrap:wrap}.krk-awards-recognitions-section .match-height-cards .col{display:flex;margin-bottom:45px}}
.krk-awards-recognitions-section .krk-award-card{background-color:#02162e;border:1px solid var(--c-border-light);border-radius:12px;padding:35px 15px 30px 15px;text-align:center;width:100%;position:relative;box-shadow:0 4px 20px rgba(0, 0, 0, 0.015);display:flex;flex-direction:column;align-items:center;transition:transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease}
.krk-awards-recognitions-section .krk-award-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(11, 31, 59, 0.06)}
.krk-awards-recognitions-section .krk-year-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:700;letter-spacing:0.5px;padding:5px 16px;border-radius:6px;color:#ffffff;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}
.krk-awards-recognitions-section .badge-red{background-color:var(--c-crimson-red)}
.krk-awards-recognitions-section .badge-navy{background-color:var(--c-navy-badge)}
.krk-awards-recognitions-section .krk-award-img-box{width:100%;height:180px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;overflow:hidden}
.krk-awards-recognitions-section .krk-award-thumb{ max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.08))}
.krk-awards-recognitions-section .krk-award-body{flex-grow:1;display:flex;flex-direction:column}
.krk-awards-recognitions-section .krk-award-body h4{font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:18px;font-weight:500;line-height:1.4;margin-bottom:12px}
.krk-awards-recognitions-section .title-red{color:var(--c-crimson-red)}
.krk-awards-recognitions-section .title-navy{color:#ffffff;}
.krk-awards-recognitions-section .krk-award-body p{font-size:14px;color:#ffff;line-height:1.5;margin:0;font-weight:500}
.krk-awards-recognitions-section .krk-horizontal-timeline-line{position:absolute;bottom:45px;left:0;width:100%;height:1px;background:linear-gradient(to right, rgba(202,159,86,0.1), var(--c-gold-decor) 20%, var(--c-gold-decor) 80%, rgba(202,159,86,0.1));z-index:1;display:block}
.krk-awards-recognitions-section .krk-timeline-node{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);width:9px;height:9px;border-radius:50%;z-index:3;border:1px solid #ffffff;box-shadow:0 0 0 3px rgba(240, 244, 248, 0.8)}
.krk-awards-recognitions-section .node-red{background-color:var(--c-crimson-red)}
.krk-awards-recognitions-section .node-navy{background-color:var(--c-navy-text)}
.krk-awards-recognitions-section .node-orange{background-color:#d97706}
@media (min-width: 992px){.krk-awards-recognitions-section .krk-horizontal-timeline-line{bottom:35px}.krk-awards-recognitions-section .match-height-cards .col:nth-child(-n+4) .krk-timeline-node,.krk-awards-recognitions-section .match-height-cards .col:nth-child(n+5) .krk-timeline-node{bottom:-28px}}
@media (max-width: 991px){.krk-awards-recognitions-section .krk-horizontal-timeline-line{display:none}.krk-awards-recognitions-section .krk-timeline-node{display:none}.krk-awards-recognitions-section .krk-award-card{margin-bottom:0px;padding-bottom:25px}.krk-awards-recognitions-section .krk-section-subtitle{font-size:0.8rem}}


/*==============================
          Hospital location
 ===============================*/

.hospital-location-section { --loc-navy: #0b1f3b; --loc-orange: #f97316; --loc-red-accent: #e11d48; --loc-text-dark: #1e293b; --loc-text-muted: #e2e8f0; --loc-bg-clean: #ffffff; --loc-shadow: 0 12px 40px rgba(15, 23, 42, 0.08); background-color: #f8fafc; padding: 40px 0 50px; width: 100%; overflow: hidden; }
.hospital-location-section * { box-sizing: border-box; }
.hospital-location-section .krk-location-fade { opacity: 0; transform: translateY(35px) scale(0.98); transition: opacity 0.9s cubic-bezier(0.25, 1, 0.5, 1), transform 0.9s cubic-bezier(0.25, 1, 0.5, 1); }
.hospital-location-section .krk-location-fade.krk-active { opacity: 1; transform: translateY(0) scale(1); }
.hospital-location-section .krk-text-smooth-hide .animated-text { opacity: 0; transform: translateY(10px); transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); transition-delay: 300ms; }
.hospital-location-section .krk-location-fade.krk-active .animated-text { opacity: 1; transform: translateY(0); }
.hospital-location-section .krk-loc-orange-tag { font-size: 13px; font-weight: 700; color: #051d49; letter-spacing: 2px; display: block; margin-bottom: 5px; text-transform: uppercase; }
.hospital-location-section .krk-loc-main-title { text-transform: uppercase; font-size: 38px; font-weight: 700; color: var(--loc-navy); letter-spacing: -0.5px; }
.hospital-location-section .krk-loc-main-title .highlight { color: #d9383a; }
.hospital-location-section .krk-heart-divider { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 12px 0 16px 0; }
.hospital-location-section .krk-heart-divider .krk-line { width: 140px; height: 1px; background-color: #cbd5e1; }
.hospital-location-section .krk-heart-divider .krk-heart-icon { font-size: 12px; opacity: 0.7; }
.hospital-location-section .krk-loc-desc { font-size: 15px; color: var(--loc-text-dark); font-weight: 500; line-height: 1.5; }
.hospital-location-section .krk-map-image-wrapper { max-width: 90%; width: 100%; height: 95%; display: inline-block; }
.hospital-location-section .krk-tn-map-img { width: 100%; height: auto; object-fit: contain; }
.hospital-location-section .krk-location-card { position: relative; background-color: var(--loc-bg-clean); border-radius: 20px; overflow: hidden; box-shadow: var(--loc-shadow); border: 1px solid rgba(226, 232, 240, 0.8); transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease; height: 100%; width: 100%; display: flex; flex-direction: column; }
.hospital-location-section .krk-location-card:hover { transform: translateY(-8px); box-shadow: 0 24px 48px rgba(15, 23, 42, 0.16); }
.hospital-location-section .krk-loc-img-wrapper { width: 100%; height: 250px; overflow: hidden; background-color: #e2e8f0; position: relative; }
.hospital-location-section .krk-tall-card { height: 100%; min-height: 100%; }
.hospital-location-section .krk-tall-img-wrapper { height: 100%; min-height: 250px; }
.hospital-location-section .krk-loc-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
.hospital-location-section .krk-location-card:hover .krk-loc-img { transform: scale(1.05); }
.hospital-location-section .krk-loc-glass-strip { position: absolute; bottom: 15px; left: 15px; right: 15px; padding: 16px 20px; border-radius: 14px; background: rgba(11, 31, 59, 0.65); backdrop-filter: blur(12px) saturate(140%); -webkit-backdrop-filter: blur(12px) saturate(140%); border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2); z-index: 2; }
.hospital-location-section .krk-loc-details { display: flex; flex-direction: column; }
.hospital-location-section .krk-loc-details h4 { font-size: 16px; font-weight: 700; color: #ffffff; margin: 0 0 4px 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.hospital-location-section .krk-loc-details p { font-size: 12.5px; color: var(--loc-text-muted); margin: 0; line-height: 1.4; font-weight: 400; }
@media (min-width: 992px) { .hospital-location-section .krk-tall-img-wrapper { height: 524px; } }
@media (min-width: 768px) and (max-width: 991.98px) { .hospital-location-section .krk-loc-main-title { font-size: 26px; } .hospital-location-section .krk-heart-divider .krk-line { width: 90px; } .hospital-location-section .krk-center-col .krk-tall-img-wrapper { height: 340px !important; min-height: 340px !important; } .hospital-location-section .krk-equal-grid-col { gap: 24px !important; } .hospital-location-section .krk-equal-grid-col > div { flex: 1 1 0; width: 50%; min-width: 0; } .hospital-location-section .krk-equal-grid-col .krk-loc-img-wrapper { height: 250px !important; min-height: 250px !important; } .hospital-location-section .krk-loc-glass-strip { padding: 12px 14px; bottom: 12px; left: 12px; right: 12px; } .hospital-location-section .krk-loc-details h4 { font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hospital-location-section .krk-loc-details p { font-size: 11.5px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }
@media (max-width: 767.98px) { .hospital-location-section .krk-loc-glass-strip { padding: 12px 15px; bottom: 10px; left: 10px; right: 10px; } .hospital-location-section .krk-loc-main-title { font-size: 22px; } .hospital-location-section .krk-loc-details h4 { font-size: 15px; } .hospital-location-section .krk-loc-img-wrapper, .hospital-location-section .krk-tall-img-wrapper { height: 280px; } }



/*====================================
            testimonial
  =================================*/

.dr-testimonial-section { position: relative; background-color: #323e4d; padding: 80px 0; width: 100%; overflow: hidden; color: #ffffff; }
.dr-testimonial-section * { box-sizing: border-box; }
.dr-testimonial-section .dr-testimonial-bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 350px; background-repeat: no-repeat; background-position: left 15% bottom 5%; opacity: 0.15; pointer-events: none; z-index: 1; }
.dr-testimonial-section .z-index-2 { position: relative; z-index: 2; }
.dr-testimonial-section .dr-left-header-box { position: relative; z-index: 20; background: #323e4d; align-self: flex-start; }
.dr-testimonial-section .dr-quote-main-icon { font-size: 32px; color: #d9383a; opacity: 0.9; display: block; margin-bottom: 10px; }
.dr-testimonial-section .dr-title { font-size: 44px; font-weight: 700; line-height: 1.15; letter-spacing: -0.5px; margin-bottom: 15px; }
.dr-testimonial-section .dr-title .orange-text { color: #d9383a; }
.dr-testimonial-section .dr-title-line { width: 60px; height: 4px; background-color: #d9383a; margin-bottom: 25px; border-radius: 2px; }
.dr-testimonial-section .dr-subtitle { font-size: 16px; color: #ffffff; line-height: 1.5; font-weight: 500; margin-bottom: 35px; }
.dr-testimonial-section .dr-swiper-nav-wrapper { display: flex; gap: 15px; }
.dr-testimonial-section .dr-nav-btn { width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2); background: transparent; color: #ffffff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); }
.dr-testimonial-section .dr-btn-next { background-color: #d9383a; border-color: #d9383a; }
.dr-testimonial-section .dr-nav-btn:hover { transform: scale(1.05); box-shadow: 0 4px 15px rgba(217, 56, 58, 0.3); }
.dr-testimonial-section .dr-btn-prev:hover { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.4); }
.dr-testimonial-section .dr-slider-outer-wrapper { position: relative; padding: 20px 0; overflow: hidden; border-radius: 24px; }
.dr-testimonial-section .dr-testimonial-swiper { width: 100%; overflow: visible; }
.dr-testimonial-section .dr-review-card { background: rgba(50, 62, 77, 0.85); backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); border: 1px solid rgba(255, 255, 255, 0.18); border-top: 1px solid rgba(255, 255, 255, 0.35); border-left: 1px solid rgba(255, 255, 255, 0.25); border-radius: 24px; padding: 35px; min-height: 380px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 15px 35px rgb(50 62 77), inset 0 0 15px rgba(255, 255, 255, 0.05); transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); box-sizing: border-box; }
.dr-testimonial-section .dr-review-card:hover { transform: translateY(-6px); }
.dr-testimonial-section .dr-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.dr-testimonial-section .dr-card-quote { font-size: 28px; color: #d9383a; opacity: 0.9; }
.dr-testimonial-section .dr-stars { color: #ffffff; font-size: 13px; display: flex; gap: 3px; }
.dr-testimonial-section .dr-review-text { font-size: 15px; color: #f1f5f9; line-height: 1.6; font-weight: 400; margin-bottom: 20px; flex-grow: 1; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.dr-testimonial-section .dr-card-bottom-wrapper { margin-top: auto; }
.dr-testimonial-section .dr-card-divider { height: 2px; width: 35px; background-color: #d9383a; margin-bottom: 20px; }
.dr-testimonial-section .dr-card-bottom { display: flex; justify-content: space-between; align-items: center; }
.dr-testimonial-section .dr-user-info { display: flex; align-items: center; gap: 15px; }
.dr-testimonial-section .dr-avatar { width: 44px; height: 44px; border-radius: 50%; background: rgba(217, 56, 58, 0.2); border: 1px solid rgba(217, 56, 58, 0.4); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }
.dr-testimonial-section .dr-username { font-size: 16px; font-weight: 700; color: #ffffff; margin: 0 0 2px 0; }
.dr-testimonial-section .dr-usertype { font-size: 12px; color: #cbd5e1; font-weight: 500; }
.dr-testimonial-section .dr-badge-rating { background: rgba(255, 214, 0, 0.15); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #ffd600; padding: 6px 14px; border-radius: 12px; font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 6px; border: 1px solid rgba(255, 214, 0, 0.3); flex-shrink: 0; }
@media (min-width: 992px) { .dr-testimonial-section .dr-left-header-box { position: sticky; top: 100px; } .dr-testimonial-section .dr-slider-outer-wrapper { width: calc(66.666667% + 20vw); margin-right: -20vw; } }
@media (max-width: 1199.98px) { .dr-testimonial-section .dr-title { font-size: 38px; } .dr-testimonial-section .dr-review-card { padding: 28px; min-height: 360px; } }
@media (max-width: 991.98px) { .dr-testimonial-section { padding: 60px 0; } .dr-testimonial-section .dr-title { font-size: 34px; } .dr-testimonial-section .dr-subtitle { margin-bottom: 25px; } .dr-testimonial-section .dr-swiper-nav-wrapper { margin-bottom: 0px; } .dr-testimonial-section .dr-slider-outer-wrapper { width: 100%; margin-right: 0; padding: 10px 0; } .dr-testimonial-section .dr-testimonial-swiper { overflow: hidden; } .dr-testimonial-section .dr-review-card { min-height: 340px; padding: 25px; } }
@media (max-width: 767.98px) { .dr-testimonial-section { padding: 40px 0; } .dr-testimonial-section .dr-left-header-box { text-align: center; display: flex; flex-direction: column; align-items: center; } .dr-testimonial-section .dr-title { font-size: 24px; line-height: 1.25; letter-spacing: -0.3px; margin-bottom: 10px; } .dr-testimonial-section .dr-title-line { margin: 0 auto 15px auto; } .dr-testimonial-section .dr-subtitle { font-size: 14px; line-height: 1.5; margin-bottom: 20px; } .dr-testimonial-section .dr-swiper-nav-wrapper { justify-content: center; margin-bottom: 25px; } .dr-testimonial-section .dr-nav-btn { width: 42px; height: 42px; } .dr-testimonial-section .dr-slider-outer-wrapper { padding: 5px 0; } .dr-testimonial-section .dr-review-card { padding: 18px 16px; min-height: 260px; border-radius: 16px; } .dr-testimonial-section .dr-card-top { margin-bottom: 10px; } .dr-testimonial-section .dr-card-quote { font-size: 22px; } .dr-testimonial-section .dr-review-text { font-size: 13.5px; line-height: 1.45; margin-bottom: 12px; -webkit-line-clamp: 4; } .dr-testimonial-section .dr-card-divider { margin-bottom: 12px; height: 1.5px; } .dr-testimonial-section .dr-user-info { gap: 10px; } .dr-testimonial-section .dr-avatar { width: 36px; height: 36px; font-size: 13px; } .dr-testimonial-section .dr-username { font-size: 13.5px; } .dr-testimonial-section .dr-usertype { font-size: 11px; } .dr-testimonial-section .dr-badge-rating { padding: 4px 8px; font-size: 11.5px; border-radius: 8px; } }
@media (max-width: 480px) { .dr-testimonial-section .dr-card-bottom { flex-direction: row; align-items: center; justify-content: space-between; gap: 8px; } }

/*======================================
              CTA Section
====================================*/
.krk-cta-section { position: relative; padding: 60px 0; background-color: #ffffff; overflow: hidden; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; width: 100%; }
.krk-cta-section * { box-sizing: border-box; }
.krk-cta-section .krk-cta-card { position: relative; border-radius: 28px; background-size: cover; background-position: center right; background-repeat: no-repeat; padding: 80px 50px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); overflow: hidden; width: 100%; }
.krk-cta-section .krk-cta-overlay { position: absolute; top: 0; left: 0; width: 65%; height: 100%; background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0) 100%); pointer-events: none; z-index: 1; }
.krk-cta-section .z-index-2 { position: relative; z-index: 2;  }
.krk-cta-section .krk-cta-badge { display: inline-flex; align-items: center; gap: 8px; background-color: #fce8e8; color: #e63946; padding: 6px 16px; border-radius: 50px; font-size: 11px; font-weight: 700; letter-spacing: 0.8px; margin-bottom: 25px; text-transform: uppercase; }
.krk-cta-section .krk-cta-title { font-size: 44px; font-weight: 700; color: #0b1c39; line-height: 1.15; letter-spacing: -0.5px; margin-bottom: 18px; }
.krk-cta-section .krk-cta-highlight { color: #e63946; }
.krk-cta-section .krk-cta-line { width: 45px; height: 3px; background-color: #e63946; margin-bottom: 22px; border-radius: 2px; }
.krk-cta-section .krk-cta-desc { font-size: 15px; color: #64748b; line-height: 1.6; font-weight: 500; margin-bottom: 35px; }
.krk-cta-section .krk-cta-buttons { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.krk-cta-section .krk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 24px; border-radius: 50px; font-size: 15px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; }
.krk-cta-section .krk-btn-primary { background-color: #e63946; color: #ffffff; box-shadow: 0 8px 20px rgba(230, 57, 70, 0.25); border: 1px solid #e63946; }
.krk-cta-section .krk-btn-primary:hover { background-color: #d62828; color: #ffffff; box-shadow: 0 12px 25px rgba(230, 57, 70, 0.35); transform: translateY(-2px); }
.krk-cta-section .krk-btn-primary .krk-arrow-circle { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; background: rgba(255, 255, 255, 0.25); border-radius: 50%; font-size: 10px; }
.krk-cta-section .krk-btn-outline { background-color: #ffffff; color: #0b1c39; border: 1px solid #cbd5e1; }
.krk-cta-section .krk-btn-outline:hover { background-color: #0b1c39; color: #ffffff; border-color: #0b1c39; transform: translateY(-2px); }
.krk-cta-section .animate-item { opacity: 0; transform: translateY(25px); transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); }
.krk-cta-section.is-visible .animate-item { opacity: 1; transform: translateY(0); }
.krk-cta-section.is-visible .animate-item:nth-child(1) { transition-delay: 0.1s; }
.krk-cta-section.is-visible .animate-item:nth-child(2) { transition-delay: 0.25s; }
.krk-cta-section.is-visible .animate-item:nth-child(3) { transition-delay: 0.35s; }
.krk-cta-section.is-visible .animate-item:nth-child(4) { transition-delay: 0.45s; }
.krk-cta-section.is-visible .animate-item:nth-child(5) { transition-delay: 0.55s; }
@media (max-width: 1199.98px) { .krk-cta-section .krk-cta-card { padding: 60px 40px; } .krk-cta-section .krk-cta-title { font-size: 38px; } .krk-cta-section .krk-cta-overlay { width: 75%; } }
@media (max-width: 991.98px) { .krk-cta-section { padding: 40px 0; } .krk-cta-section .krk-cta-card { padding: 50px 30px; border-radius: 20px; background-position: center center; } .krk-cta-section .krk-cta-overlay { width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%); } .krk-cta-section .z-index-2 { max-width: 100%; } .krk-cta-section .krk-cta-title { font-size: 32px; } }
@media (max-width: 767.98px) { .krk-cta-section { padding: 30px 0; } .krk-cta-section .krk-cta-card { padding: 40px 22px; border-radius: 16px; } .krk-cta-section .krk-cta-badge { margin-bottom: 18px; } .krk-cta-section .krk-cta-title { font-size: 26px; margin-bottom: 14px; } .krk-cta-section .krk-cta-line { margin-bottom: 16px; } .krk-cta-section .krk-cta-desc { font-size: 14px; margin-bottom: 25px; } .krk-cta-section .krk-cta-buttons { flex-direction: column; align-items: stretch; gap: 12px; } .krk-cta-section .krk-btn { width: 100%; } }
@media (max-width: 480px) { .krk-cta-section .krk-cta-card { padding: 35px 18px; } .krk-cta-section .krk-cta-title { font-size: 22px; } }



/*===========================
           FAQ
==========================*/
.krk-faq-section { background-color: #fafbfc; overflow: hidden; }
.krk-faq-section .krk-animate-item { opacity: 0; transform: translateY(30px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.krk-faq-section .krk-animate-item.krk-visible { opacity: 1; transform: translateY(0); }
.krk-faq-section .krk-faq-badge { color: #e15b5b; font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; }
.krk-faq-section .krk-faq-title { font-size: 38px; font-weight: 700; color: #1e293b;padding-bottom: 10px; }
.krk-faq-section .krk-faq-subtitle { max-width: 550px; font-size: 15px; color: #64748b !important; }
.krk-faq-section .krk-faq-accordion { display: flex; flex-direction: column; gap: 12px; }
.krk-faq-section .krk-faq-item { border: 1px solid #f0f2f5; border-radius: 12px !important; background: #ffffff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02); overflow: hidden; }
.krk-faq-section .accordion-button { background: #ffffff; padding: 16px 20px; font-weight: 600; color: #1e293b; box-shadow: none !important; display: flex; align-items: center; border-radius: 12px !important; }
.krk-faq-section .accordion-button:not(.collapsed) { background: #ffffff; color: #e15b5b; }
.krk-faq-section .krk-plus-icon { width: 26px; height: 26px; border-radius: 50%; background: #fff5f5; color: #e15b5b; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; margin-right: 15px; transition: all 0.3s ease; }
.krk-faq-section .accordion-button:not(.collapsed) .krk-plus-icon { background: #e15b5b; color: #ffffff; transform: rotate(45deg); }
.krk-faq-section .accordion-button::after { background-size: 14px; opacity: 0.5; }
.krk-faq-section .krk-faq-answer { color: #64748b; font-size: 14px; line-height: 1.6; padding: 0 20px 20px 61px; }
.krk-faq-section .krk-related-box { background-color: #fff6f6; border-radius: 16px; padding: 15px; }
.krk-faq-section .krk-related-title { color: #e15b5b; font-weight: 700; font-size: 13px; letter-spacing: 0.5px; }
.krk-faq-section .krk-related-icon { color: #e15b5b; font-size: 18px; }
.krk-faq-section .krk-related-card { display: flex; align-items: center; background: #ffffff; border-radius: 12px; padding: 14px 16px; text-decoration: none; color: #334155; transition: all 0.25s ease; border: 1px solid transparent; }
.krk-faq-section .krk-related-card:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(225, 91, 91, 0.1); border-color: #fecaca; color: #e15b5b; }
.krk-faq-section .krk-rel-card-icon { color: #e15b5b; font-size: 18px; margin-right: 12px; flex-shrink: 0; }
.krk-faq-section .krk-rel-card-text { font-size: 13px; font-weight: 600; flex-grow: 1; line-height: 1.3; }
.krk-faq-section .krk-arrow { color: #e15b5b; font-size: 11px; margin-left: 8px; transition: transform 0.2s ease; }
.krk-faq-section .krk-related-card:hover .krk-arrow { transform: translateX(3px); }
@media (max-width: 767.98px) {.krk-faq-section .krk-faq-title{font-size: 25px;} .krk-faq-section .krk-faq-subtitle{font-size: 1rem;}}