/*=======================================
            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; background-image: url('../images/bannerdesktop.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100vh; }
.krk-homepage-section .krk-badge-wrap { display: flex; justify-content: flex-start; margin-top: 30px;}
.krk-homepage-section .krk-hospital-badge { display: inline-flex;align-items: center;gap: 12px;padding: 0px;border-radius: 50px;transition: all 0.3s ease;}
.krk-homepage-section .krk-badge-img {width: 41px;height: 40px;object-fit: contain;display: block;}
.krk-homepage-section .krk-badge-text {font-size: 1rem;font-weight: 700;color: #051d49; letter-spacing: 0.2px; line-height: 1;}
.krk-homepage-section .krk-hospital-badge:hover { transform: translateY(-1px); }
.krk-homepage-section .krk-badge-icon { width: 20px; height: 20px; color: #051d49; }
.krk-homepage-section .krk-badge-text { font-size: 1rem; font-weight: 700; color: #051d49; letter-spacing: 0.2px; }
.krk-homepage-section .krk-hero-content { width: 77%; }
.krk-homepage-section .krk-custom-icon-img { width: 54px; height: 54px; object-fit: contain; display: block; }
.krk-homepage-section .krk-title { color: #051d49; font-size: 50px; font-weight: 700; letter-spacing: -0.5px; }
.krk-homepage-section .krk-subtitle { color: #d9383a; font-size: 20px; font-weight: 600; margin-bottom: 10px !important; }
.krk-homepage-section .krk-deco-line { display: flex; align-items: center; position: relative; width: 100%; max-width: 180px; 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-description { color: #656c75; font-size: 1.15rem; line-height: 1.6; max-width: 620px; }
.krk-homepage-section .krk-feature-col { border-right: 1px solid #e2e8f0; }
.krk-homepage-section .krk-feature-col:last-child { border-right: none; }
.krk-homepage-section .krk-feature-count { font-size: 1.2rem; font-weight: 700; color: #051d49; margin-bottom: 2px; }
.krk-homepage-section .krk-feature-text { font-size: 0.95rem; color: #656c75; font-weight: 500; line-height: 1.3; }
.krk-homepage-section .krk-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 32px; border-radius: 50px; font-weight: 600; font-size: 1rem; text-decoration: none; transition: all 0.3s ease; }
.krk-homepage-section .krk-btn-primary { background-color: #051d49; color: #ffffff; border: 2px solid #051d49; }
.krk-homepage-section .krk-btn-primary:hover { background-color: #020c20; border-color: #020c20; color: #ffffff; transform: translateY(-2px); }
.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) { .krk-homepage-section { background-image: url('../images/bannerdesktop.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover; } }

/* Hide text content on Tablet & Mobile views */
@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('../images/bannertablet.webp'); background-position: center center; background-repeat: no-repeat; background-size: cover; } .krk-homepage-section .krk-title { font-size: 2.8rem; } }
@media (max-width: 575.98px) { .krk-homepage-section { background-image: url('../images/bannermobile.webp'); background-position: top center; background-repeat: no-repeat; background-size: cover; padding-top: 60px; padding-bottom: 60px; } .krk-homepage-section .krk-title { font-size: 2.2rem; } .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; } .krk-homepage-section .krk-feature-col:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .krk-homepage-section .krk-feature-col { width: 100%; } }

/* ==========================================================================
   ABOUT DR. K. RAMAKRISHNAN SECTION
   ========================================================================== */
.krk-about-section { position: relative; padding: 100px 0 140px 0; background-color: #f8fafc; }
.krk-about-section .custom-padding { padding-left: 6rem; }
.krk-about-canvas { position: relative; border-radius: 24px; min-height: 620px; overflow: hidden; background: url('../images/dr-ramakrishnan-bg.webp') no-repeat left center; background-size: cover; box-shadow: 0 20px 60px rgba(5, 29, 73, 0.04); }
.krk-about-canvas .row { position: relative; z-index: 2; }
.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; }
.krk-sig-title span { color: #718096; font-weight: 500; }
.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: 0.8rem; 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-section .custom-padding { padding-left: 1rem; } .krk-about-title { font-size: 2.75rem; } .krk-about-canvas { min-height: 550px; } }
@media (max-width: 991.98px) { .krk-about-section { padding: 60px 0 120px 0; } .krk-about-section .custom-padding { padding-left: 0rem; padding-right: 0rem; padding-top: 40px; padding-bottom: 40px; } .krk-about-canvas { background-position: center center; border-radius: 24px; min-height: auto; } .krk-about-canvas::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(255,255,255,0.98) 75%, rgba(255,255,255,0.85) 100%); z-index: 1; } .krk-about-title { font-size: 2.5rem; } .krk-about-desc { max-width: 100%; } .krk-amenities-section { margin-top: -80px; padding-bottom: 60px; } .krk-amenity-col { margin-bottom: 30px; } .krk-amenity-col:last-child { margin-bottom: 0; } }
@media (max-width: 767.98px) { .krk-amenities-card { padding: 25px 15px; } .krk-sig-name { font-size: 1.8rem; } }
@media (max-width: 575.98px) { .krk-about-title { font-size: 2rem; margin-bottom: 20px; } .krk-about-sub { font-size: 0.78rem; margin-bottom: 15px; } .krk-about-desc { font-size: 0.95rem; 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; } }


/* ==========================================================================
   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: #ffffff; 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: rgba(217, 56, 58, 0.05); 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: #051d49; 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: #5a6a85; 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; } .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: 0.88rem; } }
@media (max-width: 575.98px) { .krk-expertise-section .krk-exp-title { font-size: 1.65rem; }  }





/* ==========================================================================
   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('../images/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 { 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: 0.88rem; } }
@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 80px; background-color: #edcfd142; 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('../images/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 #cbd5e1; 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; } .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 #cbd5e1; 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: 0.98rem; } .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: 0.95rem; } .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: 1.65rem; } .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; } }




/* ==========================================================================
   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('../images/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: 2.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: 0; transform: translateY(40px); transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); }
.krk-book-penned-section .krk-fade-in.visible { 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-book-item-pair { display: flex; align-items: center; gap: 15px; width: 100%; margin-bottom: 10px; 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; 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); flex: 1; position: relative; border: 1px solid #edf2f7; 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; }
.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; }
.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); }
.krk-book-penned-section .krk-language-bar { display: inline-flex; align-items: center; background-color: var(--clr-card-bg); border-radius: 30px; padding: 6px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04); border: 1px solid #e2e8f0; margin-top: 35px; }
.krk-book-penned-section .lang-title-badge { background-color: #0d213a; color: #ffffff; padding: 10px 25px; border-radius: 25px; font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.krk-book-penned-section .lang-options { padding: 0 20px; display: flex; align-items: center; gap: 15px; font-size: 15px; font-weight: 600; color: var(--clr-navy-main); }
.krk-book-penned-section .lang-item { cursor: pointer; display: flex; align-items: center; gap: 6px; transition: color 0.2s ease; }
.krk-book-penned-section .lang-item:hover { color: var(--clr-red-accent); }
.krk-book-penned-section .lang-divider { color: #cbd5e1; }
.krk-book-penned-section .tamil-script { font-weight: 700; font-size: 14px; }
.krk-book-penned-section .krk-modal-popup-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(13, 33, 58, 0.45); backdrop-filter: blur(6px); display: flex; justify-content: center; align-items: center; z-index: 99999; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; padding: 20px; }
.krk-book-penned-section .krk-modal-popup-overlay.active { opacity: 1; pointer-events: auto; }
.krk-book-penned-section .krk-modal-window { background: #ffffff; padding: 35px; border-radius: 16px; max-width: 600px; width: 100%; position: relative; box-shadow: 0 25px 50px rgba(0,0,0,0.15); transform: scale(0.9); transition: transform 0.3s ease; }
.krk-book-penned-section .krk-modal-popup-overlay.active .krk-modal-window { transform: scale(1); }
.krk-book-penned-section .krk-modal-close-trigger { position: absolute; top: 12px; right: 18px; font-size: 30px; border: none; background: none; cursor: pointer; color: var(--clr-text-light); line-height: 1; }
.krk-book-penned-section .krk-modal-close-trigger:hover { color: var(--clr-red-accent); }
@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; } .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: 14px; } .krk-book-penned-section .krk-shelf-showcase-wrapper { margin-top: 40px; } .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; } .krk-book-penned-section .krk-info-card { text-align: center !important; width: 100%; min-height: auto; padding-top: 30px; } .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; } .krk-book-penned-section .krk-language-bar { flex-direction: column; width: 100%; border-radius: 20px; padding: 10px; gap: 12px; } .krk-book-penned-section .lang-title-badge { width: 100%; justify-content: center; } .krk-book-penned-section .lang-options { padding: 5px 0; flex-wrap: wrap; justify-content: center; } }
@media (max-width: 480px) { .krk-book-penned-section .krk-main-heading { font-size: 24px; } .krk-book-penned-section .krk-modal-window { padding: 25px 20px; } .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%, rgba(255, 255, 255, 0.45) 65%, rgba(255, 255, 255, 0) 100%), url(../images/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: 500; 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 { 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: 13px; 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%, rgba(255, 255, 255, 0.7) 75%, rgba(255, 255, 255, 0.2) 100%), url(../images/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: linear-gradient(to bottom, #ffffff 55%, rgba(255, 255, 255, 0.88) 80%, rgba(255, 255, 255, 0.6) 100%), url(../images/doctor-bg-image.webp); 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); } }
@media (max-width: 767.98px) { .krk-awards-homepage-section { padding: 45px 0; } .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: 14px; margin-bottom: 22px; } .krk-awards-homepage-section .krk-floating-quote-card { padding: 20px; } .krk-awards-homepage-section .quote-icon { font-size: 42px; } .krk-awards-homepage-section .quote-body { font-size: 13.5px; } }
@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:30px 0 100px 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:2px;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:var(--c-bg-card);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:var(--c-navy-text)}
.krk-awards-recognitions-section .krk-award-body p{font-size:14px;color:var(--c-text-muted);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:25px;padding-bottom:25px}.krk-awards-recognitions-section .krk-section-subtitle{font-size:12px}}


/*==============================
          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}
.hospital-location-section .krk-tall-card{height:100%}
@media (min-width: 992px){.hospital-location-section .krk-tall-img-wrapper{height:524px}}
.hospital-location-section .krk-loc-img{width:100%;height:100%;object-fit:cover;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 (max-width: 991px){.hospital-location-section .krk-loc-main-title{font-size:26px}.hospital-location-section .krk-heart-divider .krk-line{width:90px}.hospital-location-section{padding:40px 0}.hospital-location-section .krk-loc-img-wrapper{height:280px}.hospital-location-section .krk-custom-5card-grid > div{margin-bottom:10px}}
@media (max-width: 576px){.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}}



/*====================================
            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: 45px 0; } .dr-testimonial-section .dr-title { font-size: 28px; margin-bottom: 12px; } .dr-testimonial-section .dr-subtitle { font-size: 14.5px; margin-bottom: 20px; } .dr-testimonial-section .dr-nav-btn { width: 44px; height: 44px; } .dr-testimonial-section .dr-review-card { padding: 50px 18px; min-height: auto; border-radius: 18px; } .dr-testimonial-section .dr-review-text { font-size: 14px; -webkit-line-clamp: 5; } .dr-testimonial-section .dr-username { font-size: 14.5px; } .dr-testimonial-section .dr-badge-rating { padding: 4px 10px; font-size: 12px; } }
@media (max-width: 480px) { .dr-testimonial-section .dr-title { font-size: 24px; } .dr-testimonial-section .dr-card-bottom { flex-direction: row; align-items: center; gap: 10px; } .dr-testimonial-section .dr-user-info { gap: 10px; } .dr-testimonial-section .dr-avatar { width: 38px; height: 38px; font-size: 14px; } }



/*======================================
              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: 24px; }
.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); }