/* ========================================== Healthcare Asha - Modern Banner Section ========================================== */ .hcasha-page-banner { position: relative; padding: 140px 0 110px; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; } .hcasha-banner-overlay { position: absolute; inset: 0; background: linear-gradient( 135deg, rgba(4, 34, 74, 0.92), rgba(0, 116, 188, 0.72) ); z-index: 1; } .hcasha-banner-content { position: relative; z-index: 2; max-width: 720px; } .hcasha-breadcrumb-wrap { margin-bottom: 22px; } .hcasha-breadcrumb { display: inline-flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.12); padding: 12px 20px; border-radius: 50px; backdrop-filter: blur(8px); margin: 0; } .hcasha-breadcrumb .breadcrumb-item { color: rgba(255,255,255,0.88); font-size: 14px; font-weight: 500; } .hcasha-breadcrumb .breadcrumb-item a { color: #ffffff; text-decoration: none; transition: all 0.3s ease; } .hcasha-breadcrumb .breadcrumb-item a:hover { color: #c7e7ff; } .hcasha-breadcrumb .breadcrumb-item.active { color: #d8ecff; } .hcasha-page-title { font-size: 68px; line-height: 1.1; font-weight: 800; color: #ffffff; margin-bottom: 22px; letter-spacing: -1px; } .hcasha-page-subtitle { font-size: 18px; line-height: 1.8; color: rgba(255,255,255,0.88); max-width: 620px; margin: 0; } 

/* ========================= Responsive Design ========================= */ 
@media (max-width: 991px) { .hcasha-page-banner { padding: 110px 0 90px; } 

.hcasha-page-title { font-size: 52px; } } @media (max-width: 767px) { .hcasha-page-banner { padding: 90px 0 70px; } .hcasha-page-title { font-size: 38px; } .hcasha-page-subtitle { font-size: 16px; line-height: 1.7; } .hcasha-breadcrumb { padding: 10px 16px; } }



/* ========================================== Healthcare Asha - Service Layout ========================================== */ .hcasha-service-layout { align-items: stretch; gap: 0; } 

/* ========================================== Sidebar ========================================== */ .hcasha-service-sidebar-box { background: #ffffff; border-radius: 32px; padding: 40px; height: 100%; box-shadow: 0 20px 60px rgba(12, 74, 110, 0.08); position: relative; overflow: hidden; } .hcasha-service-sidebar-box::before { content: ""; position: absolute; width: 220px; height: 220px; background: rgba(0, 116, 188, 0.04); border-radius: 50%; top: -80px; right: -80px; } .hcasha-sidebar-header { position: relative; z-index: 2; } .hcasha-sidebar-tag { display: inline-block; padding: 8px 18px; border-radius: 50px; background: rgba(0, 116, 188, 0.08); color: #0074bc; font-size: 13px; font-weight: 700; margin-bottom: 20px; letter-spacing: 0.4px; } .hcasha-sidebar-header h3 { font-size: 36px; line-height: 1.2; font-weight: 800; color: #0b1c39; margin-bottom: 16px; } .hcasha-sidebar-header p { font-size: 16px; line-height: 1.8; color: #667085; margin-bottom: 35px; } 

/* ========================================== Service Menu ========================================== */ .hcasha-service-menu { list-style: none; padding: 0; margin: 0; } .hcasha-service-menu li { margin-bottom: 18px; } .hcasha-service-menu li:last-child { margin-bottom: 0; } .hcasha-service-menu a { display: flex; align-items: center; gap: 16px; padding: 18px 20px; background: #f5f9ff; border-radius: 20px; text-decoration: none; transition: all 0.35s ease; border: 1px solid transparent; } .hcasha-service-menu a:hover { background: linear-gradient(135deg, #0074bc, #0b2d5c); transform: translateY(-3px); border-color: transparent; } .hcasha-service-menu a:hover span { color: #ffffff; } .hcasha-service-menu a:hover .hcasha-service-icon { background: rgba(255,255,255,0.2); } .hcasha-service-icon { width: 48px; height: 48px; min-width: 48px; border-radius: 50%; background: #0b2d5c; color: #ffffff; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .hcasha-service-menu span { font-size: 17px; font-weight: 600; color: #0b1c39; transition: all 0.3s ease; } 

/* ========================================== CTA Box ========================================== */ .hcasha-service-cta { margin-top: 40px; padding: 30px; border-radius: 26px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; position: relative; overflow: hidden; } .hcasha-service-cta::before { content: ""; position: absolute; width: 160px; height: 160px; background: rgba(255,255,255,0.08); border-radius: 50%; right: -60px; top: -60px; } .hcasha-service-cta h4 { font-size: 28px; font-weight: 700; margin-bottom: 14px; } .hcasha-service-cta p { line-height: 1.8; margin-bottom: 24px; color: rgba(255,255,255,0.88); } .hcasha-cta-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; background: #ffffff; color: #0b2d5c; border-radius: 50px; text-decoration: none; font-weight: 700; transition: all 0.3s ease; } .hcasha-cta-btn:hover { transform: translateY(-2px); } 

/* ========================================== Image Area ========================================== */ .hcasha-service-image-wrapper { position: relative; height: 100%; min-height: 620px; border-radius: 36px; overflow: hidden; box-shadow: 0 30px 80px rgba(12, 74, 110, 0.12); } .hcasha-service-image-wrapper img { width: 100%; height: 100%; object-fit: cover; } .hcasha-image-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(11, 28, 57, 0.1), rgba(11, 28, 57, 0.75) ); } .hcasha-image-content { position: absolute; left: 50px; bottom: 60px; max-width: 540px; z-index: 2; } .hcasha-image-badge { display: inline-block; padding: 10px 18px; background: rgba(255,255,255,0.18); backdrop-filter: blur(10px); border-radius: 50px; color: #ffffff; font-size: 13px; font-weight: 700; margin-bottom: 22px; } .hcasha-image-content h3 { font-size: 52px; line-height: 1.1; font-weight: 800; color: #ffffff; margin-bottom: 20px; } .hcasha-image-content p { font-size: 18px; line-height: 1.8; color: rgba(255,255,255,0.88); } 

/* ========================================== Floating Card ========================================== */ .hcasha-floating-card { position: absolute; top: 40px; right: 40px; background: rgba(255,255,255,0.92); backdrop-filter: blur(14px); padding: 20px 24px; border-radius: 22px; display: flex; gap: 18px; align-items: center; z-index: 3; box-shadow: 0 10px 30px rgba(0,0,0,0.08); } .hcasha-floating-icon { width: 58px; height: 58px; border-radius: 18px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 22px; } .hcasha-floating-card h5 { font-size: 20px; font-weight: 700; color: #0b1c39; margin-bottom: 5px; } .hcasha-floating-card span { color: #667085; font-size: 14px; } 

/* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-service-sidebar-box { margin-bottom: 40px; } .hcasha-service-image-wrapper { min-height: 500px; } .hcasha-image-content h3 { font-size: 40px; } } @media (max-width: 767px) { .hcasha-service-sidebar-box { padding: 28px; } .hcasha-sidebar-header h3 { font-size: 28px; } .hcasha-service-image-wrapper { min-height: 420px; } .hcasha-image-content { left: 25px; right: 25px; bottom: 30px; } .hcasha-image-content h3 { font-size: 30px; } .hcasha-image-content p { font-size: 15px; } .hcasha-floating-card { top: 20px; right: 20px; padding: 16px 18px; } }







/* ========================================== Healthcare Asha - Details Section ========================================== */ .hcasha-details-wrapper { position: relative; padding-top: 70px; } /* ========================================== Header ========================================== */ .hcasha-details-header { max-width: 950px; margin-bottom: 50px; } .hcasha-section-badge { display: inline-block; padding: 10px 22px; background: rgba(0, 116, 188, 0.08); color: #0074bc; border-radius: 50px; font-size: 14px; font-weight: 700; margin-bottom: 24px; letter-spacing: 0.5px; } .hcasha-main-heading { font-size: 64px; line-height: 1.1; font-weight: 800; color: #0b1c39; margin-bottom: 24px; } .hcasha-heading-line { width: 120px; height: 5px; border-radius: 50px; background: linear-gradient(90deg, #0074bc, #0b2d5c); } /* ========================================== Content ========================================== */ .hcasha-content-area { max-width: 920px; } .hcasha-content-text { font-size: 18px; line-height: 2; color: #4e5b6b; margin-bottom: 26px; } /* ========================================== Highlight Box ========================================== */ .hcasha-highlight-box { position: relative; margin: 50px 0; padding: 40px; background: linear-gradient(135deg, #0074bc, #0b2d5c); border-radius: 28px; overflow: hidden; color: #ffffff; } .hcasha-highlight-box::before { content: ""; position: absolute; width: 220px; height: 220px; background: rgba(255,255,255,0.08); border-radius: 50%; top: -80px; right: -80px; } .hcasha-highlight-icon { width: 70px; height: 70px; border-radius: 20px; background: rgba(255,255,255,0.12); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; font-size: 26px; margin-bottom: 24px; } .hcasha-highlight-box h4 { font-size: 38px; line-height: 1.2; font-weight: 800; margin-bottom: 18px; } .hcasha-highlight-box p { font-size: 18px; line-height: 1.8; color: rgba(255,255,255,0.88); margin: 0; } /* ========================================== Feature Layout ========================================== */ .hcasha-feature-layout { margin-top: 70px; } /* ========================================== Image Card ========================================== */ .hcasha-image-card { position: relative; overflow: hidden; border-radius: 32px; height: 100%; min-height: 620px; box-shadow: 0 30px 80px rgba(12, 74, 110, 0.12); } .hcasha-image-card img { width: 100%; height: 100%; object-fit: cover; } .hcasha-image-gradient { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(11, 28, 57, 0.1), rgba(11, 28, 57, 0.75) ); } .hcasha-image-floating-text { position: absolute; left: 40px; bottom: 40px; z-index: 2; max-width: 450px; } .hcasha-image-floating-text span { display: inline-block; padding: 10px 18px; background: rgba(255,255,255,0.15); backdrop-filter: blur(12px); border-radius: 50px; color: #ffffff; font-size: 13px; font-weight: 700; margin-bottom: 20px; } .hcasha-image-floating-text h3 { font-size: 42px; line-height: 1.15; font-weight: 800; color: #ffffff; margin: 0; } /* ========================================== Feature Cards ========================================== */ .hcasha-feature-box { background: #ffffff; border-radius: 28px; padding: 30px; height: 100%; box-shadow: 0 12px 40px rgba(12, 74, 110, 0.08); transition: all 0.35s ease; position: relative; overflow: hidden; } .hcasha-feature-box::before { content: ""; position: absolute; width: 160px; height: 160px; background: rgba(0, 116, 188, 0.04); border-radius: 50%; top: -60px; right: -60px; } .hcasha-feature-box:hover { transform: translateY(-6px); } .hcasha-feature-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; position: relative; z-index: 2; } .hcasha-feature-icon { width: 72px; height: 72px; border-radius: 22px; background: #f5f9ff; display: flex; align-items: center; justify-content: center; } .hcasha-feature-count { font-size: 46px; font-weight: 800; color: rgba(11, 28, 57, 0.08); } .hcasha-feature-box h3 { font-size: 26px; font-weight: 700; color: #0b1c39; margin-bottom: 16px; position: relative; z-index: 2; } .hcasha-feature-box p { color: #667085; line-height: 1.9; position: relative; z-index: 2; } /* ========================================== Info Box ========================================== */ .hcasha-info-box { margin-top: 35px; display: flex; gap: 24px; align-items: flex-start; padding: 35px; border-radius: 30px; background: #ffffff; box-shadow: 0 12px 40px rgba(12, 74, 110, 0.08); } .hcasha-info-icon { width: 68px; height: 68px; min-width: 68px; border-radius: 20px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 24px; } .hcasha-info-content h4 { font-size: 28px; font-weight: 700; color: #0b1c39; margin-bottom: 14px; } .hcasha-info-content p { color: #667085; line-height: 1.9; margin-bottom: 16px; } .hcasha-info-content a { color: #0074bc; font-weight: 700; text-decoration: none; } /* ========================================== Bottom Text ========================================== */ .hcasha-bottom-text { margin-top: 60px; max-width: 980px; } .hcasha-bottom-text p { font-size: 18px; line-height: 2; color: #4e5b6b; } /* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-main-heading { font-size: 46px; } .hcasha-image-card { min-height: 500px; margin-bottom: 40px; } } @media (max-width: 767px) { .hcasha-main-heading { font-size: 34px; } .hcasha-content-text { font-size: 16px; } .hcasha-highlight-box { padding: 28px; } .hcasha-highlight-box h4 { font-size: 28px; } .hcasha-image-card { min-height: 380px; } .hcasha-image-floating-text { left: 25px; right: 25px; bottom: 25px; } .hcasha-image-floating-text h3 { font-size: 28px; } .hcasha-info-box { flex-direction: column; padding: 28px; } }






/* ========================================== Healthcare Asha - Editorial Section ========================================== */ .hcasha-editorial-section { position: relative; padding-top: 80px; } /* ========================================== Blocks ========================================== */ .hcasha-content-block { background: #ffffff; border-radius: 36px; padding: 60px; box-shadow: 0 20px 70px rgba(12, 74, 110, 0.08); margin-bottom: 50px; position: relative; overflow: hidden; } .hcasha-content-block::before { content: ""; position: absolute; width: 240px; height: 240px; background: rgba(0, 116, 188, 0.04); border-radius: 50%; top: -100px; right: -100px; } /* ========================================== Heading Area ========================================== */ .hcasha-heading-area { margin-bottom: 40px; position: relative; z-index: 2; } .hcasha-small-tag { display: inline-block; padding: 10px 22px; border-radius: 50px; background: rgba(0, 116, 188, 0.08); color: #0074bc; font-size: 13px; font-weight: 700; margin-bottom: 24px; letter-spacing: 0.5px; } .hcasha-editorial-heading { font-size: 52px; line-height: 1.15; font-weight: 800; color: #0b1c39; max-width: 900px; margin: 0; } /* ========================================== Content ========================================== */ .hcasha-editorial-content { position: relative; z-index: 2; } .hcasha-editorial-content p { font-size: 18px; line-height: 2; color: #4e5b6b; margin-bottom: 28px; } /* ========================================== Focus Card ========================================== */ .hcasha-focus-card { display: flex; gap: 28px; align-items: flex-start; padding: 40px; border-radius: 30px; background: linear-gradient(135deg, #0074bc, #0b2d5c); margin: 50px 0; position: relative; overflow: hidden; } .hcasha-focus-card::before { content: ""; position: absolute; width: 220px; height: 220px; background: rgba(255,255,255,0.08); border-radius: 50%; right: -80px; top: -80px; } .hcasha-focus-icon { width: 78px; height: 78px; min-width: 78px; border-radius: 24px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; font-size: 30px; color: #ffffff; } .hcasha-focus-content h4 { font-size: 34px; line-height: 1.3; font-weight: 800; color: #ffffff; margin-bottom: 16px; } .hcasha-focus-content p { color: rgba(255,255,255,0.88); line-height: 1.9; margin: 0; } /* ========================================== Quote ========================================== */ .hcasha-quote-section { margin: 60px 0; display: flex; gap: 30px; align-items: center; } .hcasha-quote-line { width: 6px; min-width: 6px; height: 120px; border-radius: 50px; background: linear-gradient(180deg, #0074bc, #0b2d5c); } .hcasha-quote-content h3 { font-size: 42px; line-height: 1.3; font-weight: 800; color: #0b1c39; margin: 0; } /* ========================================== Checklist ========================================== */ .hcasha-checklist-wrapper { margin: 50px 0; } .hcasha-checklist-card { display: flex; gap: 22px; align-items: center; padding: 24px 28px; border-radius: 24px; background: #f5f9ff; margin-bottom: 20px; transition: all 0.35s ease; } .hcasha-checklist-card:hover { transform: translateX(8px); background: #ffffff; box-shadow: 0 10px 30px rgba(12, 74, 110, 0.08); } .hcasha-check-icon { width: 56px; height: 56px; min-width: 56px; border-radius: 18px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; } .hcasha-checklist-card p { margin: 0; font-size: 18px; font-weight: 600; color: #0b1c39; line-height: 1.7; } /* ========================================== Bottom Highlight ========================================== */ .hcasha-bottom-highlight { margin-top: 50px; display: flex; gap: 26px; align-items: flex-start; padding: 36px; border-radius: 30px; background: #ffffff; box-shadow: 0 12px 40px rgba(12, 74, 110, 0.08); } .hcasha-bottom-highlight-icon { width: 74px; height: 74px; min-width: 74px; border-radius: 24px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 28px; } .hcasha-bottom-highlight h4 { font-size: 30px; line-height: 1.3; font-weight: 800; color: #0b1c39; margin-bottom: 14px; } .hcasha-bottom-highlight p { margin: 0; color: #667085; line-height: 1.9; } /* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-content-block { padding: 45px; } .hcasha-editorial-heading { font-size: 42px; } .hcasha-quote-content h3 { font-size: 34px; } } @media (max-width: 767px) { .hcasha-content-block { padding: 30px; border-radius: 26px; } .hcasha-editorial-heading { font-size: 32px; } .hcasha-editorial-content p { font-size: 16px; } .hcasha-focus-card { flex-direction: column; padding: 30px; } .hcasha-focus-content h4 { font-size: 26px; } .hcasha-quote-section { flex-direction: column; align-items: flex-start; } .hcasha-quote-line { width: 100px; height: 6px; } .hcasha-quote-content h3 { font-size: 28px; } .hcasha-checklist-card { align-items: flex-start; } .hcasha-bottom-highlight { flex-direction: column; padding: 28px; } .hcasha-bottom-highlight h4 { font-size: 24px; } }







/* ========================================== Healthcare Asha Sidebar ========================================== */ .hcasha-sidebar-wrapper { position: sticky; top: 120px; } /* ========================================== Featured Card ========================================== */ .hcasha-featured-service-card { position: relative; overflow: hidden; border-radius: 36px; min-height: 540px; margin-bottom: 40px; box-shadow: 0 30px 80px rgba(12, 74, 110, 0.14); } .hcasha-featured-bg { position: absolute; inset: 0; } .hcasha-featured-bg img { width: 100%; height: 100%; object-fit: cover; } .hcasha-featured-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(11, 28, 57, 0.15), rgba(11, 28, 57, 0.92) ); } .hcasha-featured-content { position: relative; z-index: 2; padding: 45px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; } .hcasha-featured-icon { width: 90px; height: 90px; border-radius: 28px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; margin-bottom: 28px; } .hcasha-featured-icon img { width: 44px; } .hcasha-mini-badge { display: inline-block; padding: 10px 20px; border-radius: 50px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); color: #ffffff; font-size: 13px; font-weight: 700; margin-bottom: 22px; } .hcasha-featured-content h3 { font-size: 48px; line-height: 1.1; font-weight: 800; color: #ffffff; margin-bottom: 22px; } .hcasha-featured-content p { font-size: 17px; line-height: 1.9; color: rgba(255,255,255,0.88); margin-bottom: 35px; } .hcasha-featured-btn { display: inline-flex; align-items: center; gap: 14px; width: fit-content; padding: 16px 28px; background: #ffffff; color: #0b2d5c; border-radius: 50px; text-decoration: none; font-weight: 700; transition: all 0.35s ease; } .hcasha-featured-btn:hover { transform: translateY(-4px); } /* ========================================== Widget ========================================== */ .hcasha-services-widget { background: #ffffff; border-radius: 36px; padding: 40px; box-shadow: 0 20px 70px rgba(12, 74, 110, 0.08); position: relative; overflow: hidden; } .hcasha-services-widget::before { content: ""; position: absolute; width: 220px; height: 220px; background: rgba(0, 116, 188, 0.04); border-radius: 50%; top: -80px; right: -80px; } .hcasha-widget-header { position: relative; z-index: 2; margin-bottom: 35px; } .hcasha-widget-tag { display: inline-block; padding: 10px 20px; border-radius: 50px; background: rgba(0, 116, 188, 0.08); color: #0074bc; font-size: 13px; font-weight: 700; margin-bottom: 18px; } .hcasha-widget-header h3 { font-size: 38px; font-weight: 800; color: #0b1c39; margin: 0; } /* ========================================== Service List ========================================== */ .hcasha-service-list { list-style: none; padding: 0; margin: 0; position: relative; z-index: 2; } .hcasha-service-list li { margin-bottom: 18px; } .hcasha-service-list li:last-child { margin-bottom: 0; } .hcasha-service-list a { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; border-radius: 22px; background: #f5f9ff; text-decoration: none; transition: all 0.35s ease; } .hcasha-service-list a:hover { background: linear-gradient(135deg, #0074bc, #0b2d5c); transform: translateX(8px); } .hcasha-service-list a:hover span, .hcasha-service-list a:hover strong { color: #ffffff; } .hcasha-service-list a:hover .hcasha-list-icon { background: rgba(255,255,255,0.14); color: #ffffff; } .hcasha-list-left { display: flex; align-items: center; gap: 16px; } .hcasha-list-icon { width: 54px; height: 54px; border-radius: 18px; background: #ffffff; color: #0074bc; display: flex; align-items: center; justify-content: center; transition: all 0.35s ease; } .hcasha-list-left span { font-size: 17px; font-weight: 600; color: #0b1c39; transition: all 0.35s ease; } .hcasha-service-list strong { font-size: 15px; color: #667085; transition: all 0.35s ease; } /* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-sidebar-wrapper { position: relative; top: 0; } .hcasha-featured-service-card { min-height: 480px; } } @media (max-width: 767px) { .hcasha-featured-content { padding: 30px; } .hcasha-featured-content h3 { font-size: 34px; } .hcasha-services-widget { padding: 28px; border-radius: 28px; } .hcasha-widget-header h3 { font-size: 30px; } .hcasha-service-list a { padding: 16px; } .hcasha-list-left span { font-size: 15px; } }






/* ========================================== Healthcare Asha - Spine Section ========================================== */ .hcasha-spine-section { position: relative; padding: 90px 0; } /* ========================================== Row ========================================== */ .hcasha-spine-row { row-gap: 50px; } /* ========================================== Image Area ========================================== */ .hcasha-spine-image-wrapper { position: relative; } .hcasha-spine-image-card { position: relative; overflow: hidden; border-radius: 36px; min-height: 620px; box-shadow: 0 25px 70px rgba(12, 74, 110, 0.12); } .hcasha-spine-image-card img { width: 100%; height: 100%; object-fit: cover; } .hcasha-spine-image-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(11, 28, 57, 0.08), rgba(11, 28, 57, 0.72) ); } /* ========================================== Floating Card ========================================== */ .hcasha-spine-floating-card { position: absolute; left: 30px; right: 30px; bottom: 30px; z-index: 2; display: flex; align-items: center; gap: 20px; padding: 24px; border-radius: 28px; background: rgba(255,255,255,0.14); backdrop-filter: blur(16px); } .hcasha-floating-icon { width: 74px; height: 74px; min-width: 74px; border-radius: 22px; background: rgba(255,255,255,0.14); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 28px; } .hcasha-spine-floating-card span { display: block; color: rgba(255,255,255,0.82); font-size: 14px; font-weight: 600; margin-bottom: 8px; } .hcasha-spine-floating-card h4 { font-size: 28px; line-height: 1.3; font-weight: 800; color: #ffffff; margin: 0; } /* ========================================== Content Area ========================================== */ .hcasha-spine-content-wrapper { padding-left: 40px; } .hcasha-spine-tag { display: inline-block; padding: 10px 22px; border-radius: 50px; background: rgba(0, 116, 188, 0.08); color: #0074bc; font-size: 13px; font-weight: 700; margin-bottom: 24px; letter-spacing: 0.5px; } .hcasha-spine-heading { font-size: 54px; line-height: 1.15; font-weight: 800; color: #0b1c39; margin-bottom: 24px; } .hcasha-spine-line { width: 120px; height: 5px; border-radius: 50px; background: linear-gradient(90deg, #0074bc, #0b2d5c); margin-bottom: 35px; } .hcasha-spine-text { font-size: 18px; line-height: 2; color: #4e5b6b; margin-bottom: 28px; } /* ========================================== Highlight Box ========================================== */ .hcasha-spine-highlight { display: flex; gap: 24px; align-items: flex-start; padding: 35px; border-radius: 30px; background: linear-gradient(135deg, #0074bc, #0b2d5c); margin: 50px 0; position: relative; overflow: hidden; } .hcasha-spine-highlight::before { content: ""; position: absolute; width: 220px; height: 220px; background: rgba(255,255,255,0.08); border-radius: 50%; top: -80px; right: -80px; } .hcasha-spine-highlight-icon { width: 72px; height: 72px; min-width: 72px; border-radius: 22px; background: rgba(255,255,255,0.14); backdrop-filter: blur(10px); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 26px; } .hcasha-spine-highlight-content h4 { font-size: 30px; line-height: 1.35; font-weight: 800; color: #ffffff; margin-bottom: 14px; } .hcasha-spine-highlight-content p { color: rgba(255,255,255,0.88); line-height: 1.9; margin: 0; } /* ========================================== Bottom Card ========================================== */ .hcasha-spine-bottom-card { display: flex; align-items: center; gap: 22px; margin-top: 45px; padding: 28px 32px; border-radius: 28px; background: #f5f9ff; } .hcasha-bottom-card-icon { width: 68px; height: 68px; min-width: 68px; border-radius: 20px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 24px; } .hcasha-spine-bottom-card h5 { font-size: 24px; line-height: 1.5; font-weight: 700; color: #0b1c39; margin: 0; } /* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-spine-content-wrapper { padding-left: 0; } .hcasha-spine-heading { font-size: 42px; } .hcasha-spine-image-card { min-height: 520px; } } @media (max-width: 767px) { .hcasha-spine-section { padding: 70px 0; } .hcasha-spine-heading { font-size: 32px; } .hcasha-spine-text { font-size: 16px; } .hcasha-spine-highlight { flex-direction: column; padding: 28px; } .hcasha-spine-highlight-content h4 { font-size: 24px; } .hcasha-spine-floating-card { flex-direction: column; align-items: flex-start; } .hcasha-spine-floating-card h4 { font-size: 22px; } .hcasha-spine-bottom-card { flex-direction: column; align-items: flex-start; padding: 24px; } .hcasha-spine-bottom-card h5 { font-size: 20px; } }





/* ========================================== Healthcare Asha - Recovery Section ========================================== */ .hcasha-recovery-section { position: relative; padding: 100px 0; overflow: hidden; } .hcasha-recovery-wrapper { position: relative; z-index: 2; } .hcasha-recovery-row { row-gap: 50px; } 

/* ========================================== Content Area ========================================== */ 
.hcasha-recovery-content { padding-right: 40px; } 
.hcasha-recovery-badge { display: inline-block; padding: 10px 22px; border-radius: 50px; background: rgba(0, 116, 188, 0.08); color: #0074bc; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 24px; } .hcasha-recovery-heading { font-size: 56px; line-height: 1.12; font-weight: 800; color: #0b1c39; margin-bottom: 24px; } .hcasha-recovery-divider { width: 120px; height: 5px; border-radius: 50px; background: linear-gradient(90deg, #0074bc, #0b2d5c); margin-bottom: 35px; } .hcasha-recovery-text { font-size: 18px; line-height: 2; color: #4e5b6b; margin-bottom: 28px; } 

/* ========================================== Highlight Card ========================================== */ .hcasha-recovery-highlight { display: flex; gap: 24px; align-items: flex-start; padding: 36px; border-radius: 34px; background: linear-gradient(135deg, #0074bc, #0b2d5c); margin: 50px 0; position: relative; overflow: hidden; } .hcasha-recovery-highlight::before { content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,255,255,0.08); top: -90px; right: -90px; } .hcasha-recovery-highlight-icon { width: 76px; height: 76px; min-width: 76px; border-radius: 24px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 30px; } .hcasha-recovery-highlight-content h4 { font-size: 30px; line-height: 1.35; font-weight: 800; color: #ffffff; margin-bottom: 16px; } .hcasha-recovery-highlight-content p { color: rgba(255,255,255,0.88); line-height: 1.9; margin: 0; } 

/* ========================================== Bottom Info ========================================== */ .hcasha-recovery-bottom { display: flex; align-items: center; gap: 22px; margin-top: 45px; padding: 28px 32px; border-radius: 28px; background: #f5f9ff; } .hcasha-recovery-bottom-icon { width: 68px; height: 68px; min-width: 68px; border-radius: 20px; background: linear-gradient(135deg, #0074bc, #0b2d5c); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 24px; } .hcasha-recovery-bottom strong { font-size: 24px; line-height: 1.5; font-weight: 700; color: #0b1c39; } 

/* ========================================== Visual Area ========================================== */ .hcasha-recovery-visual { position: relative; min-height: 650px; } /* Main Card */ .hcasha-recovery-card { position: relative; height: 100%; border-radius: 42px; overflow: hidden; background: linear-gradient(135deg, #0074bc, #0b2d5c); box-shadow: 0 30px 80px rgba(12, 74, 110, 0.14); } .hcasha-recovery-card-pattern { position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.08) 2px, transparent 2px); background-size: 32px 32px; opacity: 0.4; } .hcasha-recovery-card::before { content: ""; position: absolute; width: 320px; height: 320px; border-radius: 50%; background: rgba(255,255,255,0.08); top: -120px; right: -120px; } .hcasha-recovery-card::after { content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: rgba(255,255,255,0.06); bottom: -80px; left: -80px; } .hcasha-recovery-card-content { position: relative; z-index: 2; padding: 60px; height: 100%; display: flex; flex-direction: column; justify-content: center; } .hcasha-recovery-main-icon { width: 110px; height: 110px; border-radius: 30px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 42px; margin-bottom: 35px; } .hcasha-recovery-card-content span { display: inline-block; color: rgba(255,255,255,0.82); font-size: 15px; font-weight: 700; margin-bottom: 20px; } .hcasha-recovery-card-content h3 { font-size: 46px; line-height: 1.2; font-weight: 800; color: #ffffff; margin: 0; } /* Floating Card */ .hcasha-recovery-floating-card { position: absolute; left: -30px; bottom: 50px; width: 320px; padding: 26px; border-radius: 28px; background: rgba(255,255,255,0.92); backdrop-filter: blur(14px); display: flex; gap: 18px; align-items: flex-start; box-shadow: 0 20px 50px rgba(12, 74, 110, 0.12); } .hcasha-recovery-floating-icon { width: 60px; height: 60px; min-width: 60px; border-radius: 18px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; } .hcasha-recovery-floating-card h5 { font-size: 20px; color: #0b1c39; margin-bottom: 8px; font-weight: 800; } .hcasha-recovery-floating-card p { margin: 0; color: #667085; line-height: 1.7; font-size: 14px; } 

/* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-recovery-content { padding-right: 0; } .hcasha-recovery-heading { font-size: 42px; } .hcasha-recovery-visual { min-height: 520px; } .hcasha-recovery-floating-card { left: 20px; } } @media (max-width: 767px) { .hcasha-recovery-section { padding: 50px 0; } .hcasha-recovery-heading { font-size: 32px; } .hcasha-recovery-text { font-size: 16px; } .hcasha-recovery-highlight { flex-direction: column; padding: 28px; } .hcasha-recovery-highlight-content h4 { font-size: 24px; } .hcasha-recovery-bottom { flex-direction: column; align-items: flex-start; padding: 24px; } .hcasha-recovery-bottom strong { font-size: 20px; } .hcasha-recovery-card-content { padding: 35px; } .hcasha-recovery-card-content h3 { font-size: 32px; } .hcasha-recovery-floating-card { position: relative; left: 0; bottom: 0; width: 100%; margin-top: 25px; } }




/* ========================================== Healthcare Asha - Neck Pain Section ========================================== */ .hcasha-neckpain-section { position: relative; padding: 90px 0; overflow: hidden; } .hcasha-neckpain-container { position: relative; z-index: 2; } 

/* ========================================== Header ========================================== */ .hcasha-neckpain-header { max-width: 850px; margin-bottom: 60px; } .hcasha-neckpain-tag { display: inline-block; padding: 10px 22px; border-radius: 50px; background: rgba(0, 116, 188, 0.08); color: #0074bc; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 24px; } .hcasha-neckpain-heading { font-size: 56px; line-height: 1.12; font-weight: 800; color: #0b1c39; margin-bottom: 24px; } .hcasha-neckpain-divider { width: 120px; height: 5px; border-radius: 50px; background: linear-gradient(90deg, #0074bc, #0b2d5c); } /* ========================================== Layout ========================================== */ .hcasha-neckpain-row { row-gap: 50px; } 

/* ========================================== Content ========================================== */ .hcasha-neckpain-content { padding-right: 30px; } .hcasha-neckpain-text { font-size: 18px; line-height: 2; color: #4e5b6b; margin-bottom: 28px; } 

/* ========================================== Highlight Card ========================================== */ .hcasha-neckpain-highlight { display: flex; gap: 24px; align-items: flex-start; padding: 36px; border-radius: 32px; background: linear-gradient(135deg, #0074bc, #0b2d5c); margin: 50px 0; position: relative; overflow: hidden; } .hcasha-neckpain-highlight::before { content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: rgba(255,255,255,0.08); top: -80px; right: -80px; } .hcasha-neckpain-highlight-icon { width: 74px; height: 74px; min-width: 74px; border-radius: 22px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 28px; } .hcasha-neckpain-highlight-content h4 { font-size: 32px; line-height: 1.35; font-weight: 800; color: #ffffff; margin-bottom: 16px; } .hcasha-neckpain-highlight-content p { color: rgba(255,255,255,0.88); line-height: 1.9; margin: 0; } 

/* ========================================== Info Card ========================================== */ .hcasha-neckpain-info { display: flex; gap: 22px; align-items: flex-start; padding: 32px; border-radius: 30px; background: #f5f9ff; margin: 45px 0; } .hcasha-neckpain-info-icon { width: 70px; height: 70px; min-width: 70px; border-radius: 22px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 26px; } .hcasha-neckpain-info h5 { font-size: 28px; line-height: 1.4; font-weight: 800; color: #0b1c39; margin-bottom: 12px; } .hcasha-neckpain-info p { margin: 0; line-height: 1.9; color: #667085; } 

/* ========================================== Visual Area ========================================== */ .hcasha-neckpain-visual { position: relative; height: 100%; min-height: 650px; } /* Main Card */ .hcasha-neckpain-card { position: relative; height: 100%; border-radius: 40px; overflow: hidden; background: linear-gradient(135deg, #0074bc, #0b2d5c); box-shadow: 0 30px 80px rgba(12, 74, 110, 0.14); } .hcasha-neckpain-card::before { content: ""; position: absolute; width: 320px; height: 320px; border-radius: 50%; background: rgba(255,255,255,0.08); top: -120px; right: -120px; } .hcasha-neckpain-card::after { content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: rgba(255,255,255,0.06); bottom: -80px; left: -80px; } .hcasha-neckpain-card-inner { position: relative; z-index: 2; padding: 60px; height: 100%; display: flex; flex-direction: column; justify-content: center; } .hcasha-neckpain-iconbox { width: 110px; height: 110px; border-radius: 30px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 42px; margin-bottom: 35px; } .hcasha-neckpain-card-inner span { display: inline-block; color: rgba(255,255,255,0.82); font-size: 15px; font-weight: 700; margin-bottom: 20px; } .hcasha-neckpain-card-inner h3 { font-size: 48px; line-height: 1.2; font-weight: 800; color: #ffffff; margin: 0; } /* Floating Card */ .hcasha-neckpain-floating { position: absolute; right: -20px; bottom: 50px; width: 320px; padding: 26px; border-radius: 28px; background: rgba(255,255,255,0.9); backdrop-filter: blur(14px); display: flex; gap: 18px; align-items: flex-start; box-shadow: 0 20px 50px rgba(12, 74, 110, 0.12); } .hcasha-floating-small-icon { width: 60px; height: 60px; min-width: 60px; border-radius: 18px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; } .hcasha-neckpain-floating strong { display: block; font-size: 18px; color: #0b1c39; margin-bottom: 8px; } .hcasha-neckpain-floating p { margin: 0; color: #667085; line-height: 1.7; font-size: 14px; } 

/* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-neckpain-heading { font-size: 42px; } .hcasha-neckpain-content { padding-right: 0; } .hcasha-neckpain-visual { min-height: 500px; } .hcasha-neckpain-floating { right: 20px; } } @media (max-width: 767px) { .hcasha-neckpain-section { padding: 70px 0; } .hcasha-neckpain-heading { font-size: 32px; } .hcasha-neckpain-text { font-size: 16px; } .hcasha-neckpain-highlight { flex-direction: column; padding: 28px; } .hcasha-neckpain-highlight-content h4 { font-size: 24px; } .hcasha-neckpain-info { flex-direction: column; padding: 26px; } .hcasha-neckpain-info h5 { font-size: 24px; } .hcasha-neckpain-card-inner { padding: 35px; } .hcasha-neckpain-card-inner h3 { font-size: 32px; } .hcasha-neckpain-floating { position: relative; width: 100%; right: 0; bottom: 0; margin-top: 25px; } }



/* ========================================== Healthcare Asha - Sports Rehab Section ========================================== */ .hcasha-sportsrehab-section { position: relative; padding: 100px 0; overflow: hidden; } .hcasha-sportsrehab-row { row-gap: 50px; } 

/* ========================================== Image Area ========================================== */ .hcasha-sportsrehab-image-wrapper { position: relative; } .hcasha-sportsrehab-image-card { position: relative; overflow: hidden; border-radius: 40px; min-height: 650px; box-shadow: 0 30px 80px rgba(12, 74, 110, 0.12); } .hcasha-sportsrehab-image-card img { width: 100%; height: 100%; object-fit: cover; } .hcasha-sportsrehab-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(11, 28, 57, 0.12), rgba(11, 28, 57, 0.82) ); } 

/* ========================================== Floating Card ========================================== */ .hcasha-sportsrehab-floating { position: absolute; left: 30px; right: 30px; bottom: 30px; z-index: 2; display: flex; align-items: center; gap: 20px; padding: 26px; border-radius: 30px; background: rgba(255,255,255,0.14); backdrop-filter: blur(16px); } .hcasha-sportsrehab-floating-icon { width: 78px; height: 78px; min-width: 78px; border-radius: 24px; background: rgba(255,255,255,0.14); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 30px; } .hcasha-sportsrehab-floating span { display: block; color: rgba(255,255,255,0.82); font-size: 14px; font-weight: 600; margin-bottom: 8px; } .hcasha-sportsrehab-floating h4 { font-size: 28px; line-height: 1.3; font-weight: 800; color: #ffffff; margin: 0; } 

/* ========================================== Content Area ========================================== */ .hcasha-sportsrehab-content { padding-left: 45px; } .hcasha-sportsrehab-tag { display: inline-block; padding: 10px 22px; border-radius: 50px; background: rgba(0, 116, 188, 0.08); color: #0074bc; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 24px; } .hcasha-sportsrehab-heading { font-size: 56px; line-height: 1.12; font-weight: 800; color: #0b1c39; margin-bottom: 24px; } .hcasha-sportsrehab-divider { width: 120px; height: 5px; border-radius: 50px; background: linear-gradient(90deg, #0074bc, #0b2d5c); margin-bottom: 35px; } .hcasha-sportsrehab-text { font-size: 18px; line-height: 2; color: #4e5b6b; margin-bottom: 28px; } 

/* ========================================== Highlight Box ========================================== */ .hcasha-sportsrehab-highlight { display: flex; gap: 24px; align-items: flex-start; padding: 36px; border-radius: 34px; background: linear-gradient(135deg, #0074bc, #0b2d5c); margin: 50px 0; position: relative; overflow: hidden; } .hcasha-sportsrehab-highlight::before { content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,255,255,0.08); top: -90px; right: -90px; } .hcasha-sportsrehab-highlight-icon { width: 76px; height: 76px; min-width: 76px; border-radius: 24px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 30px; } .hcasha-sportsrehab-highlight-content h4 { font-size: 30px; line-height: 1.35; font-weight: 800; color: #ffffff; margin-bottom: 16px; } .hcasha-sportsrehab-highlight-content p { color: rgba(255,255,255,0.88); line-height: 1.9; margin: 0; } 

/* ========================================== Bottom Card ========================================== */ .hcasha-sportsrehab-bottom { display: flex; align-items: center; gap: 22px; margin-top: 45px; padding: 28px 32px; border-radius: 30px; background: #f5f9ff; } .hcasha-sportsrehab-bottom-icon { width: 68px; height: 68px; min-width: 68px; border-radius: 20px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 24px; } .hcasha-sportsrehab-bottom h5 { font-size: 24px; line-height: 1.5; font-weight: 700; color: #0b1c39; margin: 0; } 

/* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-sportsrehab-content { padding-left: 0; } .hcasha-sportsrehab-heading { font-size: 42px; } .hcasha-sportsrehab-image-card { min-height: 540px; } } @media (max-width: 767px) { .hcasha-sportsrehab-section { padding: 70px 0; } .hcasha-sportsrehab-heading { font-size: 32px; } .hcasha-sportsrehab-text { font-size: 16px; } .hcasha-sportsrehab-highlight { flex-direction: column; padding: 28px; } .hcasha-sportsrehab-highlight-content h4 { font-size: 24px; } .hcasha-sportsrehab-floating { flex-direction: column; align-items: flex-start; } .hcasha-sportsrehab-floating h4 { font-size: 22px; } .hcasha-sportsrehab-bottom { flex-direction: column; align-items: flex-start; padding: 24px; } .hcasha-sportsrehab-bottom h5 { font-size: 20px; } }











/* ========================================== Healthcare Asha - Home Physiotherapy ========================================== */ .hcasha-homephysio-section { position: relative; padding: 100px 0; overflow: hidden; } .hcasha-homephysio-row { row-gap: 50px; } /* ========================================== Content Area ========================================== */ .hcasha-homephysio-content { padding-right: 45px; } .hcasha-homephysio-badge { display: inline-block; padding: 10px 22px; border-radius: 50px; background: rgba(0, 116, 188, 0.08); color: #0074bc; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 24px; } .hcasha-homephysio-heading { font-size: 56px; line-height: 1.12; font-weight: 800; color: #0b1c39; margin-bottom: 24px; } .hcasha-homephysio-divider { width: 120px; height: 5px; border-radius: 50px; background: linear-gradient(90deg, #0074bc, #0b2d5c); margin-bottom: 35px; } .hcasha-homephysio-text { font-size: 18px; line-height: 2; color: #4e5b6b; margin-bottom: 28px; } /* ========================================== Highlight Box ========================================== */ .hcasha-homephysio-highlight { position: relative; overflow: hidden; display: flex; gap: 24px; align-items: flex-start; padding: 36px; border-radius: 34px; background: linear-gradient(135deg, #0074bc, #0b2d5c); margin: 50px 0; } .hcasha-homephysio-highlight::before { content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,255,255,0.08); top: -90px; right: -90px; } .hcasha-homephysio-highlight-icon { width: 76px; height: 76px; min-width: 76px; border-radius: 24px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 30px; } .hcasha-homephysio-highlight-content h4 { font-size: 30px; line-height: 1.35; font-weight: 800; color: #ffffff; margin-bottom: 16px; } .hcasha-homephysio-highlight-content p { color: rgba(255,255,255,0.88); line-height: 1.9; margin: 0; } /* ========================================== Bottom Info ========================================== */ .hcasha-homephysio-bottom { display: flex; align-items: center; gap: 22px; margin-top: 45px; padding: 28px 32px; border-radius: 30px; background: #f5f9ff; } .hcasha-homephysio-bottom-icon { width: 68px; height: 68px; min-width: 68px; border-radius: 20px; background: linear-gradient(135deg, #0074bc, #0b2d5c); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 24px; } .hcasha-homephysio-bottom strong { font-size: 24px; line-height: 1.5; font-weight: 700; color: #0b1c39; } /* ========================================== Image Area ========================================== */ .hcasha-homephysio-image-wrapper { position: relative; } .hcasha-homephysio-image-card { position: relative; overflow: hidden; border-radius: 40px; min-height: 650px; box-shadow: 0 30px 80px rgba(12, 74, 110, 0.12); } .hcasha-homephysio-image-card img { width: 100%; height: 100%; object-fit: cover; } .hcasha-homephysio-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(11, 28, 57, 0.1), rgba(11, 28, 57, 0.82) ); } /* ========================================== Floating Card ========================================== */ .hcasha-homephysio-floating { position: absolute; left: 30px; right: 30px; bottom: 30px; z-index: 2; display: flex; align-items: center; gap: 20px; padding: 26px; border-radius: 30px; background: rgba(255,255,255,0.14); backdrop-filter: blur(16px); } .hcasha-homephysio-floating-icon { width: 78px; height: 78px; min-width: 78px; border-radius: 24px; background: rgba(255,255,255,0.14); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 30px; } .hcasha-homephysio-floating span { display: block; color: rgba(255,255,255,0.82); font-size: 14px; font-weight: 600; margin-bottom: 8px; } .hcasha-homephysio-floating h4 { font-size: 28px; line-height: 1.3; font-weight: 800; color: #ffffff; margin: 0; } /* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-homephysio-content { padding-right: 0; } .hcasha-homephysio-heading { font-size: 42px; } .hcasha-homephysio-image-card { min-height: 540px; } } @media (max-width: 767px) { .hcasha-homephysio-section { padding: 70px 0; } .hcasha-homephysio-heading { font-size: 32px; } .hcasha-homephysio-text { font-size: 16px; } .hcasha-homephysio-highlight { flex-direction: column; padding: 28px; } .hcasha-homephysio-highlight-content h4 { font-size: 24px; } .hcasha-homephysio-floating { flex-direction: column; align-items: flex-start; } .hcasha-homephysio-floating h4 { font-size: 22px; } .hcasha-homephysio-bottom { flex-direction: column; align-items: flex-start; padding: 24px; } .hcasha-homephysio-bottom strong { font-size: 20px; } }















/* ========================================== Healthcare Asha - Elderly Physiotherapy ========================================== */ .hcasha-eldercare-section { position: relative; padding: 100px 0; overflow: hidden; } .hcasha-eldercare-row { row-gap: 50px; } /* ========================================== Image Area ========================================== */ .hcasha-eldercare-image-wrapper { position: relative; } .hcasha-eldercare-image-card { position: relative; overflow: hidden; border-radius: 42px; min-height: 650px; box-shadow: 0 30px 80px rgba(12, 74, 110, 0.12); } .hcasha-eldercare-image-card img { width: 100%; height: 100%; object-fit: cover; } .hcasha-eldercare-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(11, 28, 57, 0.08), rgba(11, 28, 57, 0.82) ); } /* ========================================== Floating Card ========================================== */ .hcasha-eldercare-floating-card { position: absolute; left: 30px; right: 30px; bottom: 30px; z-index: 2; display: flex; align-items: center; gap: 20px; padding: 28px; border-radius: 30px; background: rgba(255,255,255,0.14); backdrop-filter: blur(16px); } .hcasha-eldercare-floating-icon { width: 80px; height: 80px; min-width: 80px; border-radius: 24px; background: rgba(255,255,255,0.14); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 32px; } .hcasha-eldercare-floating-card span { display: block; color: rgba(255,255,255,0.82); font-size: 14px; font-weight: 600; margin-bottom: 8px; } .hcasha-eldercare-floating-card h4 { font-size: 28px; line-height: 1.35; font-weight: 800; color: #ffffff; margin: 0; } /* ========================================== Content Area ========================================== */ .hcasha-eldercare-content { padding-left: 45px; } .hcasha-eldercare-badge { display: inline-block; padding: 10px 22px; border-radius: 50px; background: rgba(0, 116, 188, 0.08); color: #0074bc; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 24px; } .hcasha-eldercare-heading { font-size: 56px; line-height: 1.12; font-weight: 800; color: #0b1c39; margin-bottom: 24px; } .hcasha-eldercare-divider { width: 120px; height: 5px; border-radius: 50px; background: linear-gradient(90deg, #0074bc, #0b2d5c); margin-bottom: 35px; } .hcasha-eldercare-text { font-size: 18px; line-height: 2; color: #4e5b6b; margin-bottom: 28px; } /* ========================================== Highlight Card ========================================== */ .hcasha-eldercare-highlight { position: relative; overflow: hidden; display: flex; gap: 24px; align-items: flex-start; padding: 36px; border-radius: 34px; background: linear-gradient(135deg, #0074bc, #0b2d5c); margin: 50px 0; } .hcasha-eldercare-highlight::before { content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,255,255,0.08); top: -90px; right: -90px; } .hcasha-eldercare-highlight-icon { width: 76px; height: 76px; min-width: 76px; border-radius: 24px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 30px; } .hcasha-eldercare-highlight-content h4 { font-size: 30px; line-height: 1.35; font-weight: 800; color: #ffffff; margin-bottom: 16px; } .hcasha-eldercare-highlight-content p { color: rgba(255,255,255,0.88); line-height: 1.9; margin: 0; } /* ========================================== Bottom Card ========================================== */ .hcasha-eldercare-bottom { display: flex; align-items: center; gap: 22px; margin-top: 45px; padding: 28px 32px; border-radius: 30px; background: #f5f9ff; } .hcasha-eldercare-bottom-icon { width: 68px; height: 68px; min-width: 68px; border-radius: 20px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 24px; } .hcasha-eldercare-bottom strong { font-size: 24px; line-height: 1.5; font-weight: 700; color: #0b1c39; } /* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-eldercare-content { padding-left: 0; } .hcasha-eldercare-heading { font-size: 42px; } .hcasha-eldercare-image-card { min-height: 540px; } } @media (max-width: 767px) { .hcasha-eldercare-section { padding: 70px 0; } .hcasha-eldercare-heading { font-size: 32px; } .hcasha-eldercare-text { font-size: 16px; } .hcasha-eldercare-highlight { flex-direction: column; padding: 28px; } .hcasha-eldercare-highlight-content h4 { font-size: 24px; } .hcasha-eldercare-floating-card { flex-direction: column; align-items: flex-start; } .hcasha-eldercare-floating-card h4 { font-size: 22px; } .hcasha-eldercare-bottom { flex-direction: column; align-items: flex-start; padding: 24px; } .hcasha-eldercare-bottom strong { font-size: 20px; } }






/* ========================================== Healthcare Asha - Modern Physiotherapy ========================================== */ .hcasha-modernphysio-section { position: relative; padding: 100px 0; overflow: hidden; } .hcasha-modernphysio-row { row-gap: 50px; } /* ========================================== Content Area ========================================== */ .hcasha-modernphysio-content { padding-right: 45px; } .hcasha-modernphysio-badge { display: inline-block; padding: 10px 22px; border-radius: 50px; background: rgba(0, 116, 188, 0.08); color: #0074bc; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 24px; } .hcasha-modernphysio-heading { font-size: 56px; line-height: 1.12; font-weight: 800; color: #0b1c39; margin-bottom: 24px; } .hcasha-modernphysio-divider { width: 120px; height: 5px; border-radius: 50px; background: linear-gradient(90deg, #0074bc, #0b2d5c); margin-bottom: 35px; } .hcasha-modernphysio-text { font-size: 18px; line-height: 2; color: #4e5b6b; margin-bottom: 28px; } .hcasha-modernphysio-lasttext { margin-top: 45px; margin-bottom: 0; } /* ========================================== Highlight Box ========================================== */ .hcasha-modernphysio-highlight { position: relative; overflow: hidden; display: flex; gap: 24px; align-items: flex-start; padding: 36px; border-radius: 34px; background: linear-gradient(135deg, #0074bc, #0b2d5c); margin: 50px 0; } .hcasha-modernphysio-highlight::before { content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,255,255,0.08); top: -90px; right: -90px; } .hcasha-modernphysio-highlight-icon { width: 76px; height: 76px; min-width: 76px; border-radius: 24px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 30px; } .hcasha-modernphysio-highlight-content h4 { font-size: 30px; line-height: 1.35; font-weight: 800; color: #ffffff; margin-bottom: 16px; } .hcasha-modernphysio-highlight-content p { color: rgba(255,255,255,0.88); line-height: 1.9; margin: 0; } /* ========================================== Services Grid ========================================== */ .hcasha-modernphysio-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 50px; } .hcasha-modernphysio-card { display: flex; align-items: center; gap: 14px; padding: 20px 24px; border-radius: 22px; background: #f7fbff; transition: all 0.3s ease; } .hcasha-modernphysio-card:hover { transform: translateY(-4px); background: #eef7ff; } .hcasha-modernphysio-card i { width: 42px; height: 42px; min-width: 42px; border-radius: 14px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 15px; } .hcasha-modernphysio-card span { font-size: 16px; font-weight: 700; color: #0b1c39; } /* ========================================== Image Area ========================================== */ .hcasha-modernphysio-image-wrapper { position: relative; } .hcasha-modernphysio-image-card { position: relative; overflow: hidden; border-radius: 42px; min-height: 760px; box-shadow: 0 30px 80px rgba(12, 74, 110, 0.12); } .hcasha-modernphysio-image-card img { width: 100%; height: 100%; object-fit: cover; } .hcasha-modernphysio-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(11, 28, 57, 0.08), rgba(11, 28, 57, 0.82) ); } /* ========================================== Floating Card ========================================== */ .hcasha-modernphysio-floating-card { position: absolute; left: 30px; right: 30px; bottom: 30px; z-index: 2; display: flex; align-items: center; gap: 20px; padding: 28px; border-radius: 30px; background: rgba(255,255,255,0.14); backdrop-filter: blur(16px); } .hcasha-modernphysio-floating-icon { width: 80px; height: 80px; min-width: 80px; border-radius: 24px; background: rgba(255,255,255,0.14); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 30px; } .hcasha-modernphysio-floating-card span { display: block; color: rgba(255,255,255,0.82); font-size: 14px; font-weight: 600; margin-bottom: 8px; } .hcasha-modernphysio-floating-card h4 { font-size: 28px; line-height: 1.35; font-weight: 800; color: #ffffff; margin: 0; } /* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-modernphysio-content { padding-right: 0; } .hcasha-modernphysio-heading { font-size: 42px; } .hcasha-modernphysio-image-card { min-height: 540px; } } @media (max-width: 767px) { .hcasha-modernphysio-section { padding: 70px 0; } .hcasha-modernphysio-heading { font-size: 32px; } .hcasha-modernphysio-text { font-size: 16px; } .hcasha-modernphysio-highlight { flex-direction: column; padding: 28px; } .hcasha-modernphysio-highlight-content h4 { font-size: 24px; } .hcasha-modernphysio-grid { grid-template-columns: 1fr; } .hcasha-modernphysio-floating-card { flex-direction: column; align-items: flex-start; } .hcasha-modernphysio-floating-card h4 { font-size: 22px; } }















/* ========================================== Healthcare Asha - Treatment Approach ========================================== */ .hcasha-treatmentapproach-section { position: relative; padding: 100px 0; overflow: hidden; } .hcasha-treatmentapproach-row { row-gap: 50px; } /* ========================================== Image Area ========================================== */ .hcasha-treatmentapproach-image-wrapper { position: relative; } .hcasha-treatmentapproach-image-card { position: relative; overflow: hidden; border-radius: 42px; min-height: 680px; box-shadow: 0 30px 80px rgba(12, 74, 110, 0.12); } .hcasha-treatmentapproach-image-card img { width: 100%; height: 100%; object-fit: cover; } .hcasha-treatmentapproach-overlay { position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(11, 28, 57, 0.08), rgba(11, 28, 57, 0.84) ); } /* ========================================== Floating Card ========================================== */ .hcasha-treatmentapproach-floating { position: absolute; left: 30px; right: 30px; bottom: 30px; z-index: 2; display: flex; align-items: center; gap: 20px; padding: 28px; border-radius: 30px; background: rgba(255,255,255,0.14); backdrop-filter: blur(16px); } .hcasha-treatmentapproach-floating-icon { width: 80px; height: 80px; min-width: 80px; border-radius: 24px; background: rgba(255,255,255,0.14); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 30px; } .hcasha-treatmentapproach-floating span { display: block; color: rgba(255,255,255,0.82); font-size: 14px; font-weight: 600; margin-bottom: 8px; } .hcasha-treatmentapproach-floating h4 { font-size: 28px; line-height: 1.35; font-weight: 800; color: #ffffff; margin: 0; } /* ========================================== Content Area ========================================== */ .hcasha-treatmentapproach-content { padding-left: 45px; } .hcasha-treatmentapproach-badge { display: inline-block; padding: 10px 22px; border-radius: 50px; background: rgba(0, 116, 188, 0.08); color: #0074bc; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 24px; } .hcasha-treatmentapproach-heading { font-size: 56px; line-height: 1.12; font-weight: 800; color: #0b1c39; margin-bottom: 24px; } .hcasha-treatmentapproach-divider { width: 120px; height: 5px; border-radius: 50px; background: linear-gradient(90deg, #0074bc, #0b2d5c); margin-bottom: 35px; } .hcasha-treatmentapproach-text { font-size: 18px; line-height: 2; color: #4e5b6b; margin-bottom: 28px; } .hcasha-treatmentapproach-lasttext { margin-bottom: 0; margin-top: 40px; } /* ========================================== Highlight Card ========================================== */ .hcasha-treatmentapproach-highlight { position: relative; overflow: hidden; display: flex; gap: 24px; align-items: flex-start; padding: 36px; border-radius: 34px; background: linear-gradient(135deg, #0074bc, #0b2d5c); margin: 50px 0; } .hcasha-treatmentapproach-highlight::before { content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,255,255,0.08); top: -90px; right: -90px; } .hcasha-treatmentapproach-highlight-icon { width: 76px; height: 76px; min-width: 76px; border-radius: 24px; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 30px; } .hcasha-treatmentapproach-highlight-content h4 { font-size: 30px; line-height: 1.35; font-weight: 800; color: #ffffff; margin-bottom: 16px; } .hcasha-treatmentapproach-highlight-content p { color: rgba(255,255,255,0.88); line-height: 1.9; margin: 0; } /* ========================================== Features ========================================== */ .hcasha-treatmentapproach-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 45px; } .hcasha-treatmentapproach-feature { display: flex; gap: 18px; padding: 28px; border-radius: 28px; background: #f5f9ff; transition: all 0.3s ease; } .hcasha-treatmentapproach-feature:hover { transform: translateY(-4px); background: #edf6ff; } .hcasha-treatmentapproach-feature-icon { width: 62px; height: 62px; min-width: 62px; border-radius: 18px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 22px; } .hcasha-treatmentapproach-feature h5 { font-size: 22px; font-weight: 800; color: #0b1c39; margin-bottom: 12px; } .hcasha-treatmentapproach-feature p { font-size: 15px; line-height: 1.8; color: #5b6677; margin: 0; } /* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-treatmentapproach-content { padding-left: 0; } .hcasha-treatmentapproach-heading { font-size: 42px; } .hcasha-treatmentapproach-image-card { min-height: 540px; } } @media (max-width: 767px) { .hcasha-treatmentapproach-section { padding: 70px 0; } .hcasha-treatmentapproach-heading { font-size: 32px; } .hcasha-treatmentapproach-text { font-size: 16px; } .hcasha-treatmentapproach-highlight { flex-direction: column; padding: 28px; } .hcasha-treatmentapproach-highlight-content h4 { font-size: 24px; } .hcasha-treatmentapproach-features { grid-template-columns: 1fr; } .hcasha-treatmentapproach-floating { flex-direction: column; align-items: flex-start; } .hcasha-treatmentapproach-floating h4 { font-size: 22px; } }









/* ========================================== Healthcare Asha - Conclusion Section ========================================== */ .hcasha-conclusion-section { position: relative; padding: 100px 0; overflow: hidden; } .hcasha-conclusion-wrapper { position: relative; overflow: hidden; border-radius: 42px; background: linear-gradient(135deg, #f7fbff, #eef6ff); padding: 80px; } .hcasha-conclusion-shape { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: rgba(0,116,188,0.05); top: -220px; right: -160px; } .hcasha-conclusion-row { row-gap: 60px; } /* ========================================== Content Area ========================================== */ .hcasha-conclusion-content { position: relative; z-index: 2; padding-right: 40px; } .hcasha-conclusion-badge { display: inline-block; padding: 10px 22px; border-radius: 50px; background: rgba(0, 116, 188, 0.08); color: #0074bc; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 24px; } .hcasha-conclusion-heading { font-size: 60px; line-height: 1.1; font-weight: 800; color: #0b1c39; margin-bottom: 24px; } .hcasha-conclusion-divider { width: 120px; height: 5px; border-radius: 50px; background: linear-gradient(90deg, #0074bc, #0b2d5c); margin-bottom: 35px; } .hcasha-conclusion-text { font-size: 18px; line-height: 2; color: #536273; margin-bottom: 28px; } .hcasha-conclusion-lasttext { margin-bottom: 0; } /* ========================================== Highlight Box ========================================== */ .hcasha-conclusion-highlight { position: relative; overflow: hidden; display: flex; align-items: flex-start; gap: 24px; padding: 38px; border-radius: 34px; background: linear-gradient(135deg, #0074bc, #0b2d5c); margin: 50px 0; } .hcasha-conclusion-highlight::before { content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,255,255,0.08); top: -90px; right: -90px; } .hcasha-conclusion-highlight-icon { width: 78px; height: 78px; min-width: 78px; border-radius: 24px; background: rgba(255,255,255,0.14); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 30px; } .hcasha-conclusion-highlight h4 { font-size: 30px; line-height: 1.35; font-weight: 800; color: #ffffff; margin-bottom: 14px; } .hcasha-conclusion-highlight p { color: rgba(255,255,255,0.88); line-height: 1.9; margin: 0; } /* ========================================== Right Visual Area ========================================== */ .hcasha-conclusion-visual { position: relative; min-height: 500px; display: flex; align-items: center; justify-content: center; } .hcasha-conclusion-circle { width: 320px; height: 320px; border-radius: 50%; background: linear-gradient(135deg, #0074bc, #0b2d5c); display: flex; align-items: center; justify-content: center; position: relative; box-shadow: 0 30px 80px rgba(0,116,188,0.18); } .hcasha-conclusion-circle::before { content: ""; position: absolute; inset: -25px; border-radius: 50%; border: 2px dashed rgba(0,116,188,0.25); } .hcasha-conclusion-circle-inner { width: 170px; height: 170px; border-radius: 50%; background: rgba(255,255,255,0.12); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; } .hcasha-conclusion-circle-inner i { font-size: 70px; color: #ffffff; } /* ========================================== Floating Cards ========================================== */ .hcasha-conclusion-card { position: absolute; display: flex; align-items: center; gap: 16px; padding: 22px 24px; border-radius: 24px; background: #ffffff; box-shadow: 0 20px 50px rgba(12, 74, 110, 0.1); } .hcasha-conclusion-card i { width: 58px; height: 58px; min-width: 58px; border-radius: 18px; background: linear-gradient(135deg, #0074bc, #0b2d5c); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 22px; } .hcasha-conclusion-card span { display: block; font-size: 14px; color: #6b7787; margin-bottom: 6px; } .hcasha-conclusion-card strong { font-size: 18px; line-height: 1.4; color: #0b1c39; } .hcasha-card-one { top: 40px; left: -20px; } .hcasha-card-two { bottom: 40px; right: -10px; } /* ========================================== Responsive ========================================== */ @media (max-width: 991px) { .hcasha-conclusion-wrapper { padding: 60px 40px; } .hcasha-conclusion-content { padding-right: 0; } .hcasha-conclusion-heading { font-size: 44px; } .hcasha-conclusion-visual { min-height: 420px; } } @media (max-width: 767px) { .hcasha-conclusion-section { padding: 70px 0; } .hcasha-conclusion-wrapper { padding: 40px 25px; border-radius: 30px; } .hcasha-conclusion-heading { font-size: 34px; } .hcasha-conclusion-text { font-size: 16px; } .hcasha-conclusion-highlight { flex-direction: column; padding: 28px; } .hcasha-conclusion-highlight h4 { font-size: 24px; } .hcasha-conclusion-circle { width: 240px; height: 240px; } .hcasha-conclusion-circle-inner { width: 130px; height: 130px; } .hcasha-conclusion-circle-inner i { font-size: 50px; } .hcasha-conclusion-card { position: relative; margin-top: 20px; } .hcasha-card-one, .hcasha-card-two { top: auto; left: auto; right: auto; bottom: auto; } }