html,body{
overflow-x:hidden;
}
body {
font-family: 'Poppins', sans-serif !important;
}
/* CSS for section section:Header */
.top-bar {
background-color: #14b8a6;
color: white;
font-size: 12px;
padding: 10px 0;
}
.top-bar-content {
display: flex;
justify-content: space-between;
}
.top-links {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.top-links1 {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
@media(max-width:992px){
.top-bar{
display: none;
}
.main-header {
background-color: white;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
padding: 20px 0;
position: fixed !important;
width: 100% !important;
}
}
@media(min-width:1100px){
.hero-buttons {
margin: 0 0 0 15% !important;
}
}
.call-btn{
display:flex;
}
/* Header base */
.main-header {
background: #ffffff;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
position: relative;
z-index: 1000;
}
.nav-menu ul {
list-style: none;
display: flex;
align-items: center;
gap: 28px;
margin: 0;
padding: 0;
}
.nav-menu ul li {
position: relative;
}
.nav-menu ul li a {
text-decoration: none;
color: #111827;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
gap: 6px;
padding: 10px 0;
}
/* Dropdown icon rotation */
.nav-menu ul li:hover .dropdown-icon {
transform: rotate(180deg);
}
.dropdown-icon {
transition: transform 0.3s ease;
}
/* Submenu container */
.nav-menu ul li ul {
position: absolute;
top: 100%;
left: 0;
/* min-width: 220px; */
background: #ffffff;
/* border-radius: 8px; */
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
/* padding: 10px 0; */
display: none;
flex-direction: column;
z-index: 999;
width: 100%;
}
/* ===== HEADER BASE ===== */
.main-header {
position: sticky;
top: 0;
z-index: 999;
background: #fff;
border-bottom: 1px solid #eee;
}
.header-content {
display: flex;
align-items: center;
justify-content: space-between;
}
/* ===== NAV DESKTOP ===== */
.nav-menu ul {
display: flex;
gap: 24px;
list-style: none;
}
.nav-menu ul li {
position: relative;
}
.nav-menu ul li a {
text-decoration: none;
color: #111;
font-weight: 500;
}
.stats-strip {
background: #0db39e;
padding: 40px 0;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 30px;
}
.stat-box {
display: flex;
align-items: center;
gap: 15px;
color: #fff;
}
.stat-icon {
font-size: 36px;
}
.stat-box strong {
font-size: 32px;
display: block;
}
.stat-box span {
font-size: 16px;
opacity: 0.9;
}
@media(max-width:780px){
.hero-content {
padding: 0 10px !important;
}
.eka-facility-list-wrap {
display: flex;
flex-direction: column !important;
gap: 20px;
justify-content: center;
}
.eka-facility-item-box {
display: flex;
gap: 18px;
padding: 22px;
border-radius: 18px;
background: linear-gradient(135deg, #f3fbf8, #ffffff);
border: 1px solid #cceee1;
transition: all 0.35s ease;
cursor: pointer;
width: 100% !important;
}
.call-btn {
border-radius: 99px;
padding: 10px 20px;
gap: 8px;
font-size: 16px;
display: none !important;
}
}
@media(max-width:991px){
.submenu {
position: absolute;
/* top: 159% !important; */
left: 0px !important;
background: #fff;
display: none;
min-width: 250px;
/* box-shadow: 0 10px 25px rgba(0, 0, 0, .1); */
height: auto !important;
/* overflow-y: scroll; */
}
#footer {
background-color: #076c61;
color: rgba(255, 255, 255, 0.8);
padding-top: 30px !important;
}
}
.social-icons {
display: flex;
gap: 14px;
}
.social-icons a {
width: 46px;
height: 46px;
background-color: rgba(255, 255, 255, 0.15);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 18px;
transition: all 0.3s ease;
text-decoration: none;
}
.social-icons a:hover {
background-color: #ffffff;
color: #0f766e; /* adjust to your theme */
transform: translateY(-3px);
}
.top-links2{
display: flex;
/* gap: 20px; */
flex-wrap: wrap;
}
.social-icons2 {
display: flex;
/*gap: 14px;*/
}
.social-icons2 a {
width: 46px;
/*height: 46px;*/
/*background-color: rgba(255, 255, 255, 0.15);*/
/*border-radius: 50%;*/
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 18px;
transition: all 0.3s ease;
text-decoration: none;
}
.social-icons2 a:hover {
/*background-color: #ffffff;*/
color: #fff; /* adjust to your theme */
transform: translateY(-3px);
}
/* ===== SUBMENU DESKTOP ===== */
.submenu {
position: absolute;
/* top: 159% !important; */
left: 0px !important;
background: #fff;
display: none;
min-width: 250px;
/* box-shadow: 0 10px 25px rgba(0,0,0,.1); */
/*height: 438px;*/
/*overflow-y: scroll;*/
}
.has-submenu:hover .submenu {
display: block;
}
.submenu li {
padding: 5px 0px;
}
/* ===== HAMBURGER ===== */
.mobile-menu-toggle {
display: none;
flex-direction: column;
gap: 5px;
background: none;
border: none;
cursor: pointer;
}
.mobile-menu-toggle span {
width: 26px;
height: 3px;
background: #111;
transition: .3s;
}
/* ===== HAMBURGER → X ===== */
.mobile-menu-toggle.active span:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.mobile-menu-toggle.active span:nth-child(2) {
opacity: 0;
}
.mobile-menu-toggle.active span:nth-child(3) {
transform: rotate(-45deg) translate(6px, -6px);
}
/* ===== MOBILE MENU ===== */
@media (max-width: 991px) {
.mobile-menu-toggle {
display: flex;
}
.desktop-only {
display: none;
}
.nav-menu {
position: fixed;
top: 70px;
left: -100%;
width: 100%;
height: calc(100vh - 70px);
background: #fff;
transition: .4s ease;
overflow-y: auto;
padding-top: 40px !important;
}
.nav-menu.active {
left: 0;
}
.nav-menu ul {
flex-direction: column;
gap: 0 !important;
align-items: stretch !important;
}
.nav-menu ul li {
border-bottom: 1px solid #eee;
}
.nav-menu ul li a {
display: flex;
justify-content: space-between;
padding: 16px 20px;
}
/* Mobile submenu */
.submenu {
position: static;
display: none;
box-shadow: none;
}
.has-submenu.open .submenu {
display: block;
}
.submenu li a {
padding-left: 40px;
/* background: #f9f9f9; */
}
}
.has-submenu .arrow {
transition: transform 0.3s ease;
}
.has-submenu.open .arrow {
transform: rotate(180deg);
}
/* Mobile only */
@media (max-width: 991px) {
.submenu {
display: none !important;
}
.has-submenu.open > .submenu {
display: block !important;
}
}
/* Show submenu on hover */
.nav-menu ul li:hover > ul {
display: block;
}
/* Submenu items */
.nav-menu ul li ul li {
width: 100%;
border-bottom: 1px solid #00000024;
}
.nav-menu ul li ul li a {
padding: 7px 10px;
font-size: 14px;
color: #374151;
transition: background 0.3s ease, color 0.3s ease;
}
/* Hover effect */
.nav-menu ul li ul li a:hover {
background: #f3f4f6;
color: #06b29f;
}
/* Optional arrow spacing fix */
.nav-menu ul li ul li a img {
display: none;
}
.main-header {
background-color: white;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
padding: 20px 0;
}
.header-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.logo img {
height: 52px;
width: auto;
}
.nav-menu ul {
display: flex;
gap: 20px;
align-items: center;
}
.nav-menu a {
font-size: 14px;
color: #374151;
display: flex;
align-items: center;
gap: 5px;
}
.dropdown-icon {
width: 10px;
}
.call-btn {
gap: 10px;
padding: 10px 20px;
}
.top-bar a{
text-decoration:none;
color:#690000;
}
@media(min-width:992px){
.hero-content {
padding: 0 80px !important;
}
}
@media(max-width:600px){
.grid-3 {
display: flex;
flex-direction: column !important;
gap: 41px;
}
.doctor-card {
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
width: 100% !important;
}
}
/* CSS for section section:Hero */
@media(max-width:600px){
#hero {
position: relative;
/*height: 770px !important;*/
display: flex;
align-items: center;
color: white;
overflow: hidden;
padding: 100px 0 19px 0 !important;
}
.hero-text-box h1 {
font-size: 18px !important;
font-weight: 700;
line-height: 1.2;
margin-bottom: 20px;
}
/*.hero-text-box p{*/
/* width:50%;*/
/*}*/
}
@media (max-width: 424px) {
#hero {
position: relative;
/*height: 820px !important;*/
display: flex;
align-items: center;
color: white;
overflow: hidden;
}
}
@media(max-width:360px){
#hero {
position: relative;
/*height: 890px !important;*/
display: flex;
align-items: center;
color: white;
overflow: hidden;
}
.features-grid{
grid-template-columns: repeat(1, 1fr) !important;
}
.stats-grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
}
}
@media(min-width:1100px){
#hero {
position: relative;
/*height: 515px !important;*/
display: flex;
align-items: center;
color: white;
overflow: hidden;
}
.submenu {
position: absolute;
/* top: 159% !important; */
left: -340px !important;
background: #fff;
display: none;
min-width: 250px;
/* box-shadow: 0 10px 25px rgba(0, 0, 0, .1); */
/*height: 438px;*/
/*overflow-y: scroll;*/
}
.submenu2 {
position: absolute;
/* top: 159% !important; */
left: -50px !important;
background: #fff;
display: none;
min-width: 250px;
/* box-shadow: 0 10px 25px rgba(0, 0, 0, .1); */
/*height: 438px;*/
/*overflow-y: scroll;*/
}
}
@media(max-width:992px){
.meg-dropwww{
display:none !important;
}
.care-grid {
display: flex;
gap: 20px;
flex-direction: column;
}
}
/*.nav-menu {*/
/* background: #ffffff;*/
/* padding: 0 40px;*/
/* box-shadow: 0 2px 10px rgba(0,0,0,0.05);*/
/*}*/
.nav-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.nav-menu > ul > li {
display: inline-block;
position: relative;
}
.nav-menu > ul > li > a {
display: block;
/*padding: 20px 18px;*/
text-decoration: none;
color: #1f2d3d;
font-weight: 500;
}
.nav-menu > ul > li > a:hover {
color: #0ea5a4;
}
/* ===== MEGA MENU ===== */
.mega-menu {
position: relative;
}
.mega-menu .submenu {
position: absolute;
left: 0;
top: 100%;
background: #ffffff;
width: 770px;
padding: 12px;
display: none;
grid-template-columns: repeat(3, 1fr);
gap: 0px 16px;
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
border-radius: 6px;
z-index: 999;
}
/* Show on hover */
.mega-menu:hover .submenu {
display: grid;
}
/* Submenu items */
.submenu li {
display: block;
}
.submenu li a {
display: block;
padding: 8px 0;
text-decoration: none;
color: #333;
font-size: 15px;
transition: 0.3s;
}
.submenu li a:hover {
color: #0ea5a4;
padding-left: 6px;
}
/* Arrow style */
.arrow {
font-size: 12px;
margin-left: 4px;
}
/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
.mega-menu .submenu {
position: static;
width: 100%;
display: block;
}
.nav-menu > ul > li {
display: block;
}
}
#hero {
position: relative;
/*height: 572px;*/
display: flex;
align-items: center;
color: white;
overflow: hidden;
padding: 40px 0;
}
.hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.hero-image {
width: 100%;
height: 100%;
/*object-fit: cover;*/
}
.hero-bg img {
/*object-fit: cover;*/
width: 100%;
max-width: none;
height: inherit;
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(15, 23, 42, 0.7) 0%, rgba(30, 58, 138, 0.6) 100%);
}
.hero-content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 40px;
margin: 0 !important;
}
.hero-text-box h1 {
font-size: 48px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 20px;
}
/*.hero-text-box p{*/
/* width:50%;*/
/*}*/
.hero-desc {
font-size: 18px;
color: #d3e1f4;
max-width: 600px;
margin-bottom: 30px;
}
.hero-info {
background-color: white;
color: black;
padding: 20px;
border-radius: 16px;
max-width: 616px;
font-size: 16px;
}
.hero-buttons {
display: flex;
gap: 20px;
width: 760px;
margin: 0 0 0 20%;
}
.hero-buttons2 {
display: flex;
gap: 20px;
width: 760px;
margin: 0 0 0 20%;
}
@media(max-width:550px){
.hero-buttons {
flex-direction:column;
margin:0 !important;
}
.values-grid {
display: flex;
gap: 20px;
flex-direction: column;
}
.hero-buttons2 {
display: flex;
gap: 20px;
width: auto;
margin: 0 0 0 20%;
flex-direction: column;
}
}
.hero-btn {
height: 60px;
padding: 0 30px !important;
font-size: 16px !important;
gap: 10px;
border-radius: 15px !important;
background-color: #14b8a6 !important;
border: 2px solid #fff !important;
display: inherit !important;
}
.hero-btn:hover{
background-color:#6a0000 !important;
}
.hero-btn1:hover{
background-color:#14b8a6 !important;
}
.hero-btn img {
width: 18px;
}
.green{
color : #14b8a6;
}
.hero-btn1 {
background-color: #5e0002 !important;
}
/* CSS for section section:Features */
#features {
padding: 80px 0;
background-color: #f0fffc;
}
.section-header {
text-align: center;
margin-bottom: 60px;
}
.section-header h2 {
font-size: 32px;
font-weight: 700;
color: #111827;
margin-bottom: 10px;
}
.underline {
width: 96px;
height: 4px;
background-color: #0066cc;
margin: 0 auto;
}
.features-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0px;
}
.feature-card {
background: white;
border: 0.5px solid #078668;
border-radius: 16px;
padding: 14px 10px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0px;
transition: transform 0.3s;
}
.feature-card:hover {
transform: translateY(-5px);
background-color: #10a684;
/* color: #fff !important; */
}
.feature-card:hover h3 {
color: #fff;
}
.feature-card:hover .icon-circle {
background-color: #fff;
}
.icon-circle {
width: 80px;
height: 80px;
background-color: #d1fff5;
border: 1px solid #14b8a6;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.feature-card h3 {
font-size: 14px;
font-weight: 600;
color: #690002;
}
@media (max-width: 1024px) {
.features-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 600px) {
.features-grid {
grid-template-columns: repeat(2, 1fr);
}
.feature-card {
background: rgba(255, 255, 255, 0.1);
border: 1px solid #10a684ab;
border-radius: 12px;
/* padding: 32px; */
color: #fff;
margin: 10px;
width: auto !important;
height: auto !important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
}
.leading{
display:block;
}
/* CSS for section section:About */
#about {
padding-top: 80px;
}
.about-content {
display: flex;
gap: 80px;
margin-bottom: 80px;
}
.about-text {
flex: 1;
}
.about-text h2 {
font-size: 36px;
font-weight: 700;
color: #111827;
margin-bottom: 24px;
}
.about-text p {
color: #4b5563;
margin-bottom: 24px;
font-size: 16px;
}
@media(max-width:360px){
.about-stats {
display: flex;
gap: 15px !important;
margin-top: 40px;
flex-direction: column !important;
/* justify-content: center; */
}
}
.about-stats {
display: flex;
gap: 40px;
margin-top: 40px;
}
.stat-item {
display: flex;
flex-direction: column;
}
.stat-number {
font-size: 36px;
font-weight: 700;
color: #06b29f;
}
.stat-label {
color: #4b5563;
font-size: 14px;
}
.about-images {
flex: 1;
display: flex;
gap: 16px;
}
.img-col-1 {
width: 100%;
}
.img-col-2 {
display: flex;
flex-direction: column;
gap: 16px;
width: 50%;
}
.about-images img {
border-radius: 16px;
width: 100%;
height: auto;
object-fit: cover;
}
.stats-strip {
background-color: #06b29f;
padding: 30px 0;
color: white;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
}
.stat-box {
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
}
@media(max-width:550px){
.stat-box div {
width: 100%;
}
.stat-box i {
width: 50px;
}
}
#gb-widget-7462{
bottom: 59px !important;
right: 25px !important;
box-sizing: border-box;
position: fixed !important;
z-index: 16000160 !important;
direction: ltr;
text-align: right;
display: false;
align-items: false;
flex-direction: false;
}
.deQKmp {
order: 2;
position: relative;
top: -49px;
}
.stat-box img {
width: 38px;
height: auto;
}
.stat-box strong {
display: block;
font-size: 30px;
font-weight: 700;
}
.stat-box span {
font-size: 14px;
opacity: 0.9;
}
@media (max-width: 1024px) {
.about-content { flex-direction: column; }
.stats-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1024px) and (min-width: 992px) {
.nav-menu ul li a {
text-decoration: none;
color: #111827;
font-size: 12px !important;
font-weight: 500;
display: flex;
align-items: center;
gap: 6px;
padding: 10px 0;
}
}
/* CSS for section section:ChairmanConnect */
#chairman-connect {
padding: 80px 0;
}
.cc-wrapper {
display: flex;
gap: 24px;
}
.chairman-card {
flex: 1;
background-color: #0e877a;
border-radius: 16px;
padding: 40px;
color: white;
overflow: hidden;
}
.chairman-content {
display: flex;
gap: 20px;
}
@media(max-width:991px){
.chairman-content {
display: flex;
gap: 20px;
flex-direction: column !important;
}
.chairman-image {
width: 100% !important;
border-radius: 12px;
overflow: hidden;
}
.chairman-text {
/* flex: 1; */
text-align: center !important;
}
}
.chairman-text {
flex: 1;
}
.chairman-text h3 { font-size: 24px; margin-bottom: 20px; }
.chairman-text h4 { font-size: 18px; margin-bottom: 10px; }
.chairman-text h5 { font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.chairman-text p { font-size: 14px; margin-bottom: 30px; line-height: 1.6; }
.btn-white-pill {
background: white;
color: #0a4b8f;
border-radius: 9999px;
padding: 10px 24px;
border: none;
font-weight: 600;
}
.chairman-image {
width: 224px;
border-radius: 12px;
overflow: hidden;
}
.chairman-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.connect-card {
flex: 1;
background-color: #f7f8fa;
border-radius: 16px;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.connect-card h2 { font-size: 28px; color: #111827; margin-bottom: 10px; }
.connect-card .subtitle {
color: #4b5563;
margin-bottom: 20px;
margin-top: 40px;
}
.connect-feature {
display: flex;
gap: 20px;
margin-bottom: 40px;
}
.connect-feature img { width: 48px; height: 48px; }
.connect-feature p { color: #374151; font-size: 14px; line-height: 1.6; }
.connect-buttons {
display: flex;
gap: 16px;
}
.connect-buttons {
margin: auto;
}
@media (max-width: 1024px) {
.cc-wrapper { flex-direction: column; }
}
/* CSS for section section:International */
#international {
padding: 80px 0;
}
.intl-wrapper {
display: flex;
gap: 40px;
align-items: center;
}
.intl-content {
flex: 1;
}
.intl-content h2 {
font-size: 32px;
color: #111827;
margin-bottom: 24px;
}
.intl-content p {
color: #374151;
margin-bottom: 40px;
line-height: 1.6;
}
.intl-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.intl-item {
background-color: #e8fffa;
border-radius: 16px;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 10px;
}
.intl-item .icon-box {
height: 36px;
display: flex;
align-items: center;
}
.intl-item span {
font-size: 14px;
color: #1f2937;
font-weight: 500;
}
.intl-image {
flex: 1;
}
.intl-image img {
border-radius: 16px;
width: 100%;
}
@media (max-width: 768px) {
.intl-wrapper { flex-direction: column; }
.intl-grid { grid-template-columns: repeat(2, 1fr); }
}
/* CSS for section section:Services */
#services {
padding: 80px 0;
background-color: #ecfffb;
}
.services-header {
margin-bottom: 40px;
}
.services-header p { color: #4b5563; font-size: 18px; }
.services-header h2 { font-size: 36px; color: #06b29f; font-weight: 700; }
.services-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.service-card {
background: white;
border-radius: 16px;
overflow: hidden;
box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
}
.service-img {
height: 256px;
overflow: hidden;
}
.service-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.service-info {
padding: 16px;
display: flex;
align-items: center;
gap: 16px;
}
.service-icon {
width: 40px;
height: 40px;
background-color: #14b8a6;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.service-info h3 {
font-size: 18px;
color: #690002;
}
@media (max-width: 1024px) {
.services-grid { grid-template-columns: repeat(2, 1fr); }
}
/* CSS for section section:Insurance */
#insurance {
padding: 80px 0;
}
.insurance-header {
text-align: center;
margin-bottom: 40px;
}
.insurance-header h2 {
color: #094c7a;
font-size: 32px;
margin-bottom: 16px;
}
.insurance-header p {
color: #4b5563;
}
.insurance-logos {
display: flex;
/* flex-direction: column; */
gap: 24px;
}
.logo-row {
display: flex;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
}
.logo-box {
background-color: rgba(244, 249, 255, 0.7);
border: 1px solid #e5e7eb;
border-radius: 8px;
width: 356px;
height: 140px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
}
.logo-box img {
max-height: 100%;
max-width: 100%;
}
.insurance-footer {
text-align: center;
margin-top: 40px;
color: #6b7280;
font-size: 14px;
}
/* CSS for section section:Testimonials */
#testimonials {
padding: 80px 0;
background-color: #f0fffc;
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.testimonial-card {
background: white;
border-radius: 16px;
padding: 32px;
box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
}
.stars {
display: flex;
gap: 4px;
margin-bottom: 20px;
}
.testimonial-text {
color: #374151;
font-size: 16px;
margin-bottom: 30px;
line-height: 1.6;
height: 100px;
}
.user-profile {
display: flex;
align-items: center;
gap: 16px;
}
.user-profile img {
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
}
.user-profile h4 {
font-size: 16px;
color: #111827;
font-weight: 600;
}
.user-profile span {
font-size: 14px;
color: #4b5563;
}
@media (max-width: 768px) {
.testimonials-grid { grid-template-columns: 1fr; }
}
/* CSS for section section:FAQ */
#faq {
padding: 80px 0;
background-color: #f0fffc;
}
.faq-header {
text-align: center;
margin-bottom: 60px;
}
.faq-header h2 {
font-size: 32px;
color: #111827;
margin-bottom: 10px;
}
.faq-list {
max-width: 896px;
margin: 0 auto;
border: 1px solid #e5e7eb;
border-radius: 16px;
overflow: hidden;
}
.faq-item {
border-bottom: 1px solid #e5e7eb;
padding: 24px;
background: white;
}
.faq-item:last-child {
border-bottom: none;
}
.faq-question {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
color: #111827;
cursor: pointer;
}
/* CSS for section section:Footer */
#footer {
background-color: #076c61;
color: rgba(255, 255, 255, 0.8);
padding-top: 80px;
}
.footer-col ul{
padding-left : 0;
}
.footer-col ul li a{
text-decoration : none !important;
color:#fff;
}
.bottom-content p{
margin-bottom:0 !important;
}
.bottom-links img{
position:relative;
top:-9px;
}
@media(max-width:992px){
.bottom-content p {
margin-bottom: 0 !important;
TEXT-ALIGN: center;
}
}
.footer-content {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
gap: 40px;
padding-bottom: 60px;
}
.footer-logo img {
/* width: 242px; */
margin-bottom: 20px;
background-color: #fff;
border-bottom-left-radius: 70px;
border-top-right-radius: 70px;
box-shadow: 0px 24px 28px rgba(0, 0, 0, 0.05);
}
.footer-tagline {
background: rgba(255, 255, 255, 0.1);
padding: 8px 16px;
border-radius: 9999px;
display: inline-block;
margin-bottom: 20px;
color: white;
font-size: 14px;
}
.footer-desc {
margin-bottom: 30px;
font-size: 14px;
}
.footer-contact h4 {
color: white;
margin-bottom: 10px;
}
.contact-row {
display: flex;
align-items: center;
gap: 10px;
margin-top: 10px;
font-size: 14px;
}
.social-icons {
display: flex;
gap: 10px;
margin-top: 20px;
}
.icon-box {
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.footer-col h4 {
color: white;
font-size: 16px;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
}
.footer-col ul li {
margin-bottom: 12px;
font-size: 14px;
cursor: pointer;
}
.coe-grid {
display: flex;
gap: 20px;
}
.footer-buttons {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 20px;
}
.btn-footer {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
color: white;
padding: 12px;
border-radius: 8px;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
font-size: 14px;
}
.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 20px 0;
font-size: 14px;
}
.bottom-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.bottom-links {
display: flex;
gap: 10px;
}
@media (max-width: 1024px) {
.footer-content { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 780px) {
.footer-content { grid-template-columns: 1fr; }
.bottom-content { flex-direction: column; gap: 10px; }
.insurance-logos {
display: flex;
flex-direction: column !important;
gap: 24px;
}
}
@media(max-width:426px){
.services-grid {
display: flex;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
flex-direction: column !important;
}
.care-grid {
display: flex;
gap: 20px;
flex-direction: column;
}
}
@media(max-width:376px)
{
.connect-buttons {
display: flex;
gap: 16px;
flex-direction: column !important;
}
}
.faq-item {
border-bottom: 1px solid #e5e7eb;
padding: 18px;
}
.faq-question {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-weight: 600;
}
.faq-question img {
transition: transform 0.3s ease;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
}
.faq-item.active .faq-answer {
max-height: 300px;
margin-top: 12px;
}
.faq-item.active .faq-question img {
transform: rotate(180deg);
}
.testimonial-slider-wrapper {
position: relative;
overflow: hidden;
height: 360px;
}
.testimonial-slider {
display: flex;
gap: 24px;
transition: transform 0.5s ease;
}
.testimonial-card {
min-width: 100%;
background: #fff;
padding: 24px;
border-radius: 12px;
}
.slider-btn {
position: absolute;
top: 92%;
transform: translateY(-50%);
background: #1111114d;
color: #fff;
border: none;
padding: 12px 16px;
cursor: pointer;
font-size: 22px;
border-radius: 50%;
z-index: 999;
height: 50px;
width: 50px;
}
.prev-btn {left: 43%;}
.next-btn {right: 43%;}
@media (min-width: 768px) {
.testimonial-card {
min-width: 50%;
}
}
@media (min-width: 1024px) {
.testimonial-card {
min-width: 33.33%;
}
}
/* CSS for section section:Header */
.top-bar {
background-color: #14b8a6;
color: white;
font-size: 12px;
padding: 10px 0;
}
.top-bar-content {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.top-links, .top-links-right {
display: flex;
gap: 20px;
align-items: center;
flex-wrap: wrap;
}
.top-link-item {
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
}
.main-header {
background: white;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
padding: 20px 0;
}
.header-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.logo img {
height: 50px;
}
.main-nav {
display: none;
gap: 30px;
align-items: center;
}
@media(min-width: 1024px) {
.main-nav {
display: flex;
}
}
.nav-link {
text-decoration: none;
color: var(--text-dark);
font-weight: 500;
}
.nav-link-dropdown {
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
font-weight: 500;
}
.emergency-btn {
background-color: #690002;
color: white;
border: none;
border-radius: 99px;
padding: 10px 20px;
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
cursor: pointer;
}
/* CSS for section section:About */
#about {
/*padding: 80px 0;*/
background-color: white;
}
.about-header {
text-align: center;
margin-bottom: 60px;
}
.badge {
color: #0c4a6e !important;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}
.underline {
width: 96px;
height: 4px;
background-color: #0c4a6e;
margin: 10px auto 0;
}
.about-content {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
align-items: center;
}
@media (min-width: 992px) {
.about-content {
grid-template-columns: 1fr 1fr;
}
}
.image-wrapper {
border-radius: 16px;
overflow: hidden;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.about-text p {
margin-bottom: 24px;
color: var(--text-gray);
line-height: 1.7;
}
.contact-info {
display: flex;
gap: 20px;
/*margin-top: 32px;*/
flex-wrap: wrap;
}
.contact-item {
display: flex;
align-items: center;
gap: 16px;
}
.contact-item img {
width: 20px;
}
.contact-item .label {
display: block;
font-size: 14px;
color: #6b7280;
}
.contact-item .value {
display: block;
font-weight: 600;
color: var(--text-dark);
}
/* CSS for section section:Services */
#care-services {
padding: 80px 0;
background-color: #f8fafc;
}
.care-header {
text-align: center;
margin-bottom: 48px;
}
.care-card {
background: white;
padding: 32px;
border-radius: 12px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
transition: transform 0.2s;
}
.care-card:hover {
transform: translateY(-5px);
}
.care-grid{
display: flex;
gap: 20px;
}
.care-card .icon-box {
margin-bottom: 20px;
height: 44px;
display: flex;
align-items: center;
}
.care-card h3 {
font-size: 18px;
color: var(--text-dark);
}
/* CSS for section section:WhoWeAre */
#who-we-are {
padding: 80px 0;
background-color: #dffdfa;
}
.who-content {
display: grid;
grid-template-columns: 1fr;
gap: 60px;
align-items: center;
}
@media (min-width: 992px) {
.who-content {
grid-template-columns: 1fr 1fr;
}
}
.description {
margin-bottom: 32px;
color: var(--text-gray);
font-size: 18px;
}
.beneficiaries-list {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 40px;
}
.beneficiary-item {
display: flex;
align-items: center;
gap: 16px;
font-weight: 500;
color: var(--text-dark);
}
.icon-circle {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(12, 74, 110, 0.1);
display: flex;
align-items: center;
justify-content: center;
}
.quote-box {
background-color: rgba(12, 74, 110, 0.05);
border-left: 4px solid #0c4a6e;
padding: 20px;
font-style: italic;
color: var(--text-dark);
}
.image-container {
border-radius: 16px;
overflow: hidden;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
/* CSS for section section:CoreValues */
#core-values {
padding: 80px 0;
background-color: #f7f7f7;
}
.values-header {
text-align: center;
margin-bottom: 48px;
}
.values-grid{
display: flex;
gap: 20px;
}
.value-card {
background: white;
padding: 32px 24px;
border-radius: 12px;
text-align: center;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
transition: transform 0.2s;
}
.value-card .icon-wrapper {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.value-card h4 {
margin-bottom: 8px;
color: var(--text-dark);
}
.value-card p {
color: var(--text-gray);
font-size: 14px;
}
.value-card .icon-wrapper i{
color:#0d9488;
font-size: 55px;
}
.value-card:hover{
background-color:#0d9488;
transform: translateY(-5px);
}
.value-card:hover h4{
color:#fff;
}
.value-card:hover p{
color:#fff;
}
.value-card:hover .icon-wrapper i{
color:#fff;
}
/* CSS for section section:MissionVision */
#mission-vision {
padding: 60px 0;
background-color: white;
}
.mv-grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
}
@media (min-width: 768px) {
.values-grid{
display: flex;
gap: 20px;
flex-direction: row;
}
.hero-text-box {
/*padding: 89px 0px 0px 0px;*/
}
.image-wrapper img {
object-fit: cover;
height: 709px;
width: 731px !important;
}
.mv-grid {
grid-template-columns: 1fr 1fr;
}
}
.mv-card {
padding: 40px;
border-radius: 16px;
color: white;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.mission-card {
background: linear-gradient(135deg, #0c8468 0%, #14b8a6 100%);
}
.vision-card {
background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
}
.mv-icon-bg {
width: 64px;
height: 64px;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
}
.mv-card h3 {
font-size: 24px;
margin-bottom: 16px;
}
.mv-card p {
font-size: 18px;
line-height: 1.5;
}
/* CSS for section section:WhyChooseUs */
#why-choose-us {
padding: 80px 0;
background-color: #10a191;
color: white;
}
.wcu-header {
text-align: center;
margin-bottom: 60px;
}
.wcu-grid {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.wcu-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 200px;
}
.wcu-icon {
width: 80px;
height: 80px;
background-color: #0d9488;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.wcu-item h4 {
font-size: 18px;
font-weight: 600;
color: #724343;
}
/* CSS for section section:Accreditation */
#accreditation {
padding: 80px 0;
background: linear-gradient(to bottom, #f9fafb, #ffffff);
}
.acc-header {
text-align: center;
margin-bottom: 60px;
}
.acc-card {
background: white;
padding: 32px;
border-radius: 16px;
text-align: center;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
border: 1px solid #f3f4f6;
}
.acc-grid{
display: flex;
gap: 20px;
}
@media(max-width:770px){
.acc-grid{
display: flex;
gap: 20px;
flex-direction:column;
}
}
@media(max-width:550px){
.acc-grid{
display: flex;
gap: 20px;
flex-direction:column;
}
}
.acc-icon-wrapper {
width: 80px;
height: 80px;
margin: 0 auto 24px;
border-radius: 50%;
border: 1px solid #e5e7eb;
display: flex;
align-items: center;
justify-content: center;
/* Gradient background simulated or extracted */
background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
}
.acc-icon-wrapper img {
filter: brightness(0) invert(1); /* Assuming icons are white on teal */
}
.acc-card h3 {
font-size: 18px;
margin-bottom: 12px;
color: var(--text-dark);
}
.acc-card p {
font-size: 14px;
color: var(--text-gray);
}
/* CSS for section section:VisitUs */
#visit-us {
padding: 60px 0;
background-color: #076c6142;
text-align: center;
}
.address-block {
margin-bottom: 32px;
}
.address-block h3 {
font-size: 24px;
margin-bottom: 8px;
}
.visit-buttons {
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
}
/* CSS for section section:Header */
.site-header {
width: 100%;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.top-bar {
background-color: #14b8a6; /* Teal from design */
color: #fff;
font-size: 12px;
padding: 8px 0;
}
.top-bar-content {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
font-size: 13px;
}
.top-left, .top-right {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.contact-item, .top-link {
display: flex;
align-items: flex-start;
gap: 6px;
color: #fff;
font-weight: 500;
}
.icon-sm {
width: 12px;
height: 12px;
}
.main-nav {
padding: 16px 0;
}
.nav-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo img {
height: 50px;
width: auto;
}
.nav-links {
display: flex;
gap: 32px;
align-items: center;
}
.nav-item {
color: #374151;
font-weight: 500;
font-size: 15px;
display: flex;
align-items: center;
gap: 4px;
}
.nav-item.active {
color: var(--primary-teal);
}
.call-btn {
border-radius: 99px;
padding: 10px 20px;
gap: 8px;
font-size: 16px;
display:none !important;
}
@media (max-width: 1024px) {
.nav-links { display: none; } /* Simplified for mobile */
}
/* CSS for section section:Hero */
.hero-section {
background: linear-gradient(135deg, rgba(12, 132, 104, 0.1) 0%, rgba(12, 132, 104, 0.05) 50%, #ffffff 100%);
padding: 60px 0;
position: relative;
overflow: hidden;
}
.hero-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.hero-content {
flex: 1;
/*max-width: 600px;*/
}
.breadcrumbs {
font-size: 14px;
color: var(--text-light);
margin-bottom: 16px;
}
.breadcrumbs .active {
color: var(--primary-teal);
font-weight: 600;
}
.hero-content h1 {
font-size: 48px;
color: var(--text-dark);
margin-bottom: 13px;
line-height: 1.2;
}
.hero-desc {
font-size: 16px;
color: var(--text-gray);
margin-bottom: 32px;
line-height: 1.6;
}
.hero-actions {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.hero-image {
flex: 1;
display: flex;
justify-content: flex-end;
}
.hero-image img {
border-radius: 24px;
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
@media (max-width: 768px) {
.hero-container {
flex-direction: column;
}
.hero-content h1 {
font-size: 36px;
}
}
.hero-content{
padding:0 80px;
}
/* CSS for section section:ComprehensiveCare */
.comprehensive-section {
padding: 80px 0;
background-color: #fff;
}
.comp-container {
display: flex;
align-items: center;
gap: 60px;
}
.comp-image {
flex: 1;
}
.comp-image img {
border-radius: 24px;
width: 100%;
object-fit: cover;
}
.comp-content {
flex: 1;
}
.comp-content h2 {
font-size: 36px;
color: var(--text-dark);
margin-bottom: 24px;
}
.comp-content p {
color: var(--text-gray);
margin-bottom: 20px;
line-height: 1.6;
}
.quote-box {
background-color: rgba(12, 132, 104, 0.05);
border-left: 4px solid var(--primary-teal);
padding: 20px;
margin-top: 30px;
font-style: italic;
color: var(--text-dark);
font-weight: 500;
}
@media (max-width: 768px) {
.comp-container {
flex-direction: column-reverse;
}
}
/* CSS for section section:Conditions */
.conditions-section {
padding: 60px 0;
background-color: var(--bg-light);
}
.conditions-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 40px;
}
.condition-pill {
background: #fff;
border: 1px solid rgba(12, 132, 104, 0.2);
border-radius: 99px;
padding: 16px;
text-align: center;
color: var(--text-dark);
font-weight: 500;
transition: all 0.3s;
}
.condition-pill:hover {
background: var(--primary-teal);
color: #fff;
border-color: var(--primary-teal);
}
@media (max-width: 1024px) {
.conditions-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
.conditions-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
.conditions-grid { grid-template-columns: 1fr; }
}
/* CSS for section section:Specialists */
.specialists-section {
background-color: var(--primary-teal-light);
padding: 80px 0;
}
.doctor-card {
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
width:31%;
}
.doc-img-wrapper {
height: 320px;
overflow: hidden;
}
.doc-img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.doc-info {
padding: 24px;
flex: 1;
display: flex;
flex-direction: column;
}
.doc-info h3 {
font-size: 20px;
margin-bottom: 8px;
color: var(--text-dark);
}
.doc-qual {
color: var(--primary-teal);
font-weight: 600;
font-size: 14px;
margin-bottom: 8px;
}
.doc-spec {
color: var(--text-gray);
font-size: 14px;
margin-bottom: 20px;
flex: 1;
}
.doc-exp {
background: var(--primary-teal);
color: #fff;
padding: 10px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 14px;
font-weight: 600;
}
/* CSS for section section:Treatments */
.treatments-section {
padding: 80px 0;
background-color: #fff;
}
.treatment-card {
border: 1px solid #e5e7eb;
border-radius: 16px;
padding: 32px;
transition: transform 0.3s;
}
.treatment-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}
.icon-box {
width: 56px;
height: 56px;
background: rgba(12, 132, 104, 0.1);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.treatment-card h3 {
font-size: 20px;
margin-bottom: 12px;
color: var(--text-dark);
}
.treatment-card p {
color: var(--text-gray);
font-size: 15px;
line-height: 1.5;
}
/* CSS for section section:WhyChoose */
.why-choose-section {
background: linear-gradient(135deg, #06b29f 0%, #0c8468 100%);
padding: 80px 0;
}
.feature-card {
background: rgba(255, 255, 255, 0.1);
border: 1px solid #10a684ab;
border-radius: 12px;
/*padding: 32px;*/
color: #fff;
margin: 10px;
width: auto;
height: 145px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.feature-icon {
width: 56px;
height: 56px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.feature-card h3 {
font-size: 14px;
margin-bottom: 0px;
margin-top: 20px;
}
.feature-card p {
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
line-height: 1.5;
}
/* CSS for section section:Facilities */
.facilities-section {
padding: 80px 0;
background-color: #fff;
}
.facility-item {
text-align: center;
padding: 20px;
background: #f9fafb;
border-radius: 16px;
border: 1px solid #e5e7eb;
}
.fac-icon {
width: 80px;
height: 80px;
background: rgba(12, 132, 104, 0.1);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
}
.facility-item h3 {
font-size: 18px;
margin-bottom: 10px;
color: var(--text-dark);
}
.facility-item p {
font-size: 14px;
color: var(--text-gray);
}
/* CSS for section section:TraumaBanner */
.trauma-banner {
background: linear-gradient(90deg, rgba(105, 0, 0, 0.05) 0%, #ffffff 100%);
padding: 60px 0;
border-top: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
}
.trauma-icons {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
gap: 20px;
margin-top: 40px;
}
.t-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
background: #fff;
padding: 20px;
border-radius: 16px;
box-shadow: 0 4px 6px rgba(0,0,0,0.05);
width: 160px;
}
.t-icon {
width: 64px;
height: 64px;
background: rgba(105, 0, 0, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.t-item h4 {
font-size: 16px;
color: var(--text-dark);
}
/* CSS for section section:Testimonials */
.testimonials-section {
padding: 80px 0;
background-color: #fff;
}
.testi-card {
background: #f9fafb;
border-radius: 16px;
padding: 32px;
border: 1px solid #e5e7eb;
}
.testi-header {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 20px;
}
.user-img {
width: 56px;
height: 56px;
border-radius: 50%;
object-fit: cover;
}
.stars {
display: flex;
gap: 4px;
}
.treatment-tag {
color: var(--primary-teal);
font-size: 14px;
margin-bottom: 12px;
}
.testi-text {
color: var(--text-gray);
font-style: italic;
margin-bottom: 24px;
font-size: 15px;
}
.recovery-tag {
font-size: 14px;
color: var(--text-light);
font-weight: 500;
}
/* CSS for section section:CTA */
.cta-section {
padding: 80px 0;
background-color: #fff;
text-align: center;
}
.cta-buttons {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 32px;
}
/*about list css*/
.hospital-features {
list-style: none;
padding: 0;
margin: 0;
}
.hospital-features li {
position: relative;
padding-left: 32px;
margin-bottom: 14px;
color: #374151;
font-size: 16px;
line-height: 1.6;
}
.hospital-features li::before {
content: "✔";
position: absolute;
left: 0;
top: 2px;
color: #0d9488; /* hospital green */
font-size: 16px;
font-weight: bold;
}
/* home css*/
/*24/7 section*/
#services {
background: #f4fbfa;
padding: 80px 0;
font-family: 'Poppins', sans-serif;
}
#services .container {
max-width: 1200px;
margin: auto;
padding: 0 15px;
}
/* Header */
.services-header {
text-align: center;
margin-bottom: 55px;
}
.services-header p {
color: #0e877a;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 8px;
}
.services-header h2 {
font-size: 2.4rem;
font-weight: 700;
color: #083f39;
}
/* Grid */
.services-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 28px;
}
/* Card */
.service-card {
background: #ffffff;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 12px 30px rgba(0,0,0,0.05);
transition: transform 0.35s ease, box-shadow 0.35s ease;
cursor: pointer;
}
.service-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 45px rgba(14, 135, 122, 0.35);
}
/* Image */
.service-img {
height: 220px;
overflow: hidden;
}
.service-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.service-card:hover .service-img img {
transform: scale(1.08);
}
/* Info */
.service-info {
padding: 22px;
text-align: center;
}
.service-icon {
width: 55px;
height: 55px;
margin: -48px auto 12px;
background: #0e877a;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 18px rgba(14, 135, 122, 0.4);
}
.service-icon img {
width: 26px;
}
.service-info h3 {
font-size: 1.05rem;
font-weight: 600;
color: #083f39;
margin: 0;
}
/* Footer Text */
.services-footer-text {
margin: 60px auto 0;
max-width: 850px;
text-align: center;
}
.services-footer-text p {
font-size: 0.95rem;
color: #555;
line-height: 1.8;
}
/* Responsive */
@media (max-width: 992px) {
.services-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.services-grid {
grid-template-columns: 1fr;
}
.services-header h2 {
font-size: 1.9rem;
}
}
.hero-btn1{
display:flex !important;
color:white !important;
}
/* ================= EKASHILAA UNIQUE STYLES ================= */
.eka-medical-facility-section {
background-color: #ffffff;
padding: 70px 0;
font-family: "Segoe UI", sans-serif;
}
.eka-medical-heading {
font-size: 2.4rem;
font-weight: 700;
color: #000;
margin-bottom: 15px;
}
.eka-medical-heading span {
color: #06b29f;
}
.eka-medical-paragraph {
font-size: 1rem;
color: #555;
line-height: 1.8;
margin-bottom: 32px;
}
/* ================= FACILITY LIST ================= */
.eka-facility-list-wrap {
display: flex;
flex-direction: row;
gap: 20px;
}
.eka-facility-item-box {
display: flex;
/*gap: 18px;*/
padding: 22px;
border-radius: 18px;
background: linear-gradient(135deg, #f3fbf8, #ffffff);
border: 1px solid #cceee1;
transition: all 0.35s ease;
/*cursor: pointer;*/
/*width:50%;*/
flex-direction: column;
text-align: center;
}
.eka-facility-item-box:hover {
background: linear-gradient(135deg, #1b9b6b, #06b29f);
transform: translateY(-6px);
box-shadow: 0 20px 45px rgba(27, 155, 107, 0.35);
}
.eka-facility-item-box:hover .eka-facility-title-text,
.eka-facility-item-box:hover .eka-facility-desc-text,
.eka-facility-item-box:hover .eka-facility-icon-circle i {
color: #252323;
}
/* ================= ICON ================= */
.eka-facility-icon-circle {
width: 58px;
height: 58px;
min-width: 58px;
border-radius: 50%;
background: linear-gradient(135deg, #1b9b6b, #06b29f);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
}
.eka-facility-item-box:hover > .eka-facility-icon-circle {
background: #fff;
}
.eka-facility-icon-circle i {
font-size: 24px;
color: #ffffff;
}
.eka-facility-item-box:hover .eka-facility-desc-text {
color: aliceblue;
}
.eka-facility-item-box:hover .eka-facility-title-text {
color: #fff;
}
/* ================= TEXT ================= */
.eka-facility-title-text {
font-size: 1.1rem;
font-weight: 600;
color: #0b4d3b;
margin-bottom: 6px;
}
.eka-facility-desc-text {
font-size: 0.95rem;
color: #555;
margin: 0;
line-height: 1.6;
}
/* ================= IMAGE ================= */
.eka-facility-image-shell {
background: linear-gradient(135deg, #e3f6ef, #ffffff);
padding: 26px;
border-radius: 24px;
}
.eka-facility-image-shell img {
width: 100%;
border-radius: 18px;
}
/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
.eka-medical-heading {
font-size: 2rem;
}
}
/* Our Clients */
.hsc-collab-section {
padding: 60px 20px;
}
.hsc-collab-wrapper {
max-width: 1140px;
margin: 0 auto;
}
.hsc-collab-wrapper h3 {
color: #dc3545;
font-weight: 500;
font-size: 36px;
font-family: 'Grenze', serif;
line-height: 55px;
text-align: center;
}
.hsc-collab-title {
text-align: center;
font-size: 26px;
font-weight: 700;
margin-bottom: 30px;
color: #c50000;
}
/* SCROLLER WRAP */
.hsc-collab-scroller {
position: relative;
overflow: hidden;
}
.hsc-collab-track {
display: grid;
align-items: center;
gap: 30px;
/* width: max-content; */
/* animation: hsc-collab-scroll 25s linear infinite; */
/* height: 315px; */
grid-template-columns: repeat(5, 1fr);
padding: 8px;
}
@media(max-width:700px){
.hsc-collab-track {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width:350px){
.hsc-collab-track {
grid-template-columns: repeat(1, 1fr);
}
}
.hsc-collab-scroller:hover .hsc-collab-track {
animation-play-state: paused;
}
/* LOGO CARD */
.hsc-collab-card {
flex: 0 0 180px;
background: #ffffff;
/* border-radius: 14px; */
x;
/* box-shadow: 0 12px 25px rgba(0, 0, 0, 0.06); */
padding: 18px 24px;
display: flex;
align-items: center;
justify-content: center;
height: 125px;
border: 1px solid #00000014;
border-top-left-radius: 14px;
border-top-right-radius: 14px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.hsc-collab-card img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}
@keyframes hsc-collab-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@media (max-width: 600px) {
.hsc-collab-card {
flex: 0 0 150px;
padding: 14px 18px;
}
.hsc-collab-title {
font-size: 22px;
}
}
.grid-3{
display: flex;
flex-direction: row;
gap: 41px;
}
.doc-exp a{
display: contents;
color:#fff;
text-decoration:none;
}
/* inner pages CSS */
.gm-container { max-width:1200px; margin:auto; padding:20px !important; }
.gm-center {
text-align:center;
}
.gm-center {
font-weight: 700;
color: #0f766e;
text-align:center;
}
.gm-center p{
text-align:center;
color:#000;
}
.gm-hero {
background-color:#06b29f;
color:white;
padding:90px 0;
}
.gm-breadcrumbs {
font-size:14px;
margin-bottom:15px;
}
.gm-breadcrumbs a {
color:#ccfbf1;
text-decoration:none;
}
.gm-breadcrumbs a:hover {
color:white;
/* text-decoration:underline; */
}
.gm-breadcrumbs span { color:#99f6e4; }
.gm-current { color:white; font-weight:600; }
.gm-grid {
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
padding:70px 0;
align-items:center;
}
.gm-text h2 {
margin-bottom:15px;
font-weight: 700;
color: #0f766e;
}
.gm-text p { color:#374151; line-height:1.7; }
.gm-image img {
width:100%;
object-fit:cover;
border-radius:12px;
transition:transform 0.6s ease;
}
.gm-image img:hover { transform:scale(1.05); }
.gm-highlight-box {
background-color:#ecfeff;
border-left:4px solid #0f766e;
padding:15px;
margin-top:20px;
border-radius:6px;
}
.gm-services {
background-color:#f0fdfa;
padding:70px 0;
}
.gm-service-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin-top:40px;
}
.gm-service-box {
background:#06b29f;
/* padding:20px; */
border-radius: 15px;
font-weight:600;
color:#fff;
text-align:center;
transition:all 0.4s ease;
}
.gm-service-grid .service-box{
padding:20px !important;
height :auto !important;
}
.gm-service-box:hover {
background-color:#ececec;
color:rgb(17, 17, 17);
transform:translateY(-4px);
}
.gm-stat-grid {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-top:30px;
}
.gm-stat-box {
background-color:#f0fdfa;
padding:20px;
border-radius:10px;
text-align:center;
transition:all 0.4s ease;
}
.gm-stat-box:hover {
background-color:#06b29f;
color:white;
}
.gm-facility-grid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
margin-top:40px;
}
.gm-facility-box {
background:white;
padding:20px;
border-radius:12px;
text-align:center;
transition:all 0.4s ease;
}
.gm-facility-box:hover {
transform:translateY(-10px);
box-shadow:0 15px 30px rgba(0,0,0,0.12);
}
.gm-cta {
background-color:#6c757d;
color:white;
text-align:center;
padding:80px 20px;
}
.gm-btn {
display:inline-block;
margin-top:20px;
background:white;
color:#0f766e;
padding:12px 32px;
border-radius:30px;
font-weight:600;
text-decoration:none;
transition:all 0.4s ease;
}
.gm-btn:hover {
background-color:#134e4a;
color:white;
}
@media(max-width:768px){
.gm-grid{ grid-template-columns:1fr; }
.gm-stat-grid{ grid-template-columns:1fr; }
}
/* @media(width:320px){
.gm-container {
max-width: 302px;
}
}
@media(width:375px){
.gm-container {
max-width: 320px;
}
}
@media(width:425px){
.gm-container {
max-width: 360px;
}
}
@media(width:768px){
.gm-container {
max-width: 725px;
}
}
@media(width:1024px){
.gm-container {
max-width: 980px;
}
} */
.gm-animate, .gm-animate-left, .gm-animate-right {
opacity:1;
transition:all 0.9s ease;
}
.gm-animate { transform:translateY(0px); }
.gm-animate-left { transform:translateX(0px); }
.gm-animate-right { transform:translateX(0px); }
.gm-show { opacity:1; transform:translate(0,0); }
/* =======Blog page======= */
/* Container */
.blog-container {
max-width: 1200px;
margin: auto;
padding: 0 20px;
}
/* HERO */
.blog-hero {
background-color:#06b29f;
color: white;
padding: 100px 0;
overflow: visible;
}
.blog-hero h1 {
margin-top: 8px;
}
/* BREADCRUMBS */
.blog-breadcrumbs {
display: flex;
flex-wrap: wrap;
gap: 6px;
font-size: 14px;
line-height: 1.5;
margin-bottom: 10px;
}
.blog-breadcrumbs a {
color: #ccfbf1;
text-decoration: none;
}
/* .blog-breadcrumbs a:hover {
text-decoration: underline;
} */
.blog-breadcrumbs span {
color: #99f6e4;
}
.blog-current {
color: white;
font-weight: 600;
}
/* LAYOUT */
.blog-layout {
display: grid;
grid-template-columns: 320px 1fr;
gap: 40px;
padding: 70px 0;
}
/* SIDEBAR */
.blog-sidebar {
background-color: #f0fdfa;
padding: 25px;
border-radius: 14px;
}
.blog-sidebar h3 {
color: #0f766e;
margin-bottom: 20px;
}
.blog-recent-item {
display: flex;
gap: 14px;
margin-bottom: 18px;
transition: transform 0.25s ease;
}
.blog-recent-item:hover {
transform: translateX(6px);
}
.blog-recent-item img {
width: 70px;
height: 60px;
border-radius: 6px;
object-fit: cover;
}
.blog-recent-item a {
color: #065f46;
font-weight: 600;
text-decoration: none;
display: block;
}
.blog-recent-item span {
font-size: 13px;
color: #64748b;
}
/* BLOG GRID */
.blog-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.blog-card {
background: white;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
transition: transform 0.3s ease;
}
.blog-card:hover {
transform: translateY(-8px);
}
.blog-card img {
width: 100%;
height: 220px;
object-fit: cover;
}
.blog-card-body {
padding: 22px;
}
.blog-card-body h2 {
color: #0f766e;
margin-bottom: 10px;
font-size:22px;
}
.blog-card-body p {
color: #475569;
line-height: 1.6;
}
.blog-read {
color: #0f766e;
font-weight: 600;
text-decoration: none;
}
.blog-read:hover {
text-decoration: underline;
}
.blog-animate,
.blog-animate-left {
opacity: 1;
transition: opacity 0.45s ease-out, transform 0.45s ease-out;
will-change: opacity, transform;
}
.blog-animate {
transform: translateY(20px);
}
.blog-animate-left {
transform: translateX(-20px);
}
.blog-show {
opacity: 1;
transform: translate3d(0,0,0);
}
/* RESPONSIVE */
@media (max-width: 1024px) {
.blog-layout {
grid-template-columns: 1fr;
gap: 50px;
}
}
@media (max-width: 768px) {
.blog-container {
padding-left: 16px;
padding-right: 16px;
}
/* .blog-hero {
padding: 60px 0;
} */
.blog-breadcrumbs {
font-size: 13px;
}
.blog-grid {
grid-template-columns: 1fr;
gap: 24px;
}
.blog-card img {
height: 200px;
}
}
@media (max-width: 480px) {
.blog-container {
padding-left: 14px;
padding-right: 14px;
}
.blog-card img {
height: 180px;
}
}
/* contact Us */
/* Container */
.contact-container {
max-width: 1200px;
margin: auto;
padding: 0 20px;
}
/* HERO */
.contact-hero {
background-color:#06b29f;
color: white;
padding: 100px 0;
overflow: visible;
}
.contact-hero h1 {
margin-top: 8px;
}
/* Breadcrumbs */
.contact-breadcrumbs {
display: flex;
flex-wrap: wrap;
gap: 6px;
font-size: 14px;
margin-bottom: 10px;
}
.contact-breadcrumbs a {
color: #ccfbf1;
text-decoration: none;
}
.contact-breadcrumbs span {
color: #99f6e4;
}
.contact-current {
color: white;
font-weight: 600;
}
/* Layout */
.contact-layout {
/* display: grid; */
grid-template-columns: 1fr 1fr;
gap: 50px;
padding: 70px 0;
}
/* Info Section */
.contact-info h2 {
color: #0f766e;
margin-bottom: 15px;
}
.contact-info p {
color: #475569;
margin-bottom: 25px;
line-height: 1.7;
}
.contact-info-box {
background-color: #f0fdfa;
padding: 15px;
border-radius: 10px;
/*margin-bottom: 15px;*/
}
.contact-info-box strong {
display: block;
margin-bottom: 4px;
color: #065f46;
}
/* Form */
.contact-form-wrap {
background: white;
padding: 30px;
border-radius: 16px;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
.contact-form-wrap h2 {
color: #0f766e;
margin-bottom: 20px;
}
.contact-form input, .contact-form textarea, .contact-form select {
width: 100%;
padding: 14px;
border-radius: 8px;
border: 1px solid #cbd5e1;
font-size: 14px;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
width: 100%;
padding: 18px 20px;
border: 1px solid #cfd8dc;
border-radius: 10px;
font-size: 16px;
background-color: #f7f9fb;
color: #7b7b7b;
outline: none;
}
/* Same focus effect */
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
border-color: #1b7a6e;
}
/* Date input same background */
.contact-form input[type="date"]{
background-color: #f7f9fb;
color: #757575;
}
/* Change calendar icon color */
.contact-form input[type="date"]::-webkit-calendar-picker-indicator {
filter: invert(40%) sepia(20%) saturate(300%) hue-rotate(120deg);
cursor: pointer;
}
/* Remove default select styling */
.contact-form select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
background-size: 30px !important;
/* padding-right: 45px !important; */
background: url("data:image/svg+xml;utf8,") no-repeat right 15px center;
background-color: #f7f9fb;
}
/* Date input style fix */
.contact-form input[type="date"] {
color: #757575;
}
.contact-us-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-bottom: 15px;
}
.contact-form textarea {
resize: none;
margin-bottom: 20px;
}
.contact-btn {
background-color: #0f766e;
color: white;
border: none;
padding: 14px 32px;
border-radius: 30px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
}
.contact-btn:hover {
background-color: #134e4a;
}
/* Map */
.contact-map iframe {
width: 100%;
height: 400px;
border: 0;
}
.contact-animate,
.contact-animate-left {
opacity: 0;
transition: opacity 0.45s ease-out, transform 0.45s ease-out;
}
.contact-animate {
transform: translateY(20px);
}
.contact-animate-left {
transform: translateX(-20px);
}
.contact-show {
opacity: 1;
transform: translate3d(0,6px,0);
}
/* Responsive */
@media (max-width: 1024px) {
.contact-layout {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.contact-container {
padding-left: 16px;
padding-right: 16px;
}
/* .contact-hero {
padding: 60px 0;
} */
.contact-row {
grid-template-columns: 1fr;
}
.contact-map iframe {
height: 300px;
}
}
@media (max-width: 480px) {
.contact-container {
padding-left: 14px;
padding-right: 14px;
}
}
/*general medicine*/
.gm-about{
padding:40px 0px;
}
/*why choose us*/
.gm-why-section {
padding: 50px 0;
background: #f8fafc;
}
.gm-container {
width: 90%;
max-width: 1200px;
margin: auto;
}
/*.gm-container p{*/
/*text-align:center;*/
/*}*/
.gm-why-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
flex-wrap: wrap;
}
.gm-why-content {
flex: 1;
transition: 0.4s ease;
}
.gm-why-content h2 {
font-size: 32px;
margin-bottom: 20px;
font-weight: 700;
color: #0f766e;
}
.gm-why-content p {
font-size: 16px;
line-height: 1.7;
color: #555;
margin-bottom: 25px;
}
.gm-why-list {
list-style: none;
padding: 0;
}
.gm-why-list li {
margin-bottom: 12px;
font-size: 16px;
padding: 10px 15px;
background: #ffffff;
border-radius: 6px;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
transition: 0.3s ease;
}
.gm-why-list li:hover {
background: #0f766e;
color: #fff;
transform: translateX(8px);
}
.gm-why-image {
flex: 1;
text-align: center;
transition: 0.4s ease;
}
.gm-why-image img {
width: 100%;
max-width: 500px;
border-radius: 15px;
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
transition: 0.4s ease;
}
.gm-why-image img:hover {
transform: scale(1.05);
}
/* Responsive */
@media (max-width: 992px) {
.gm-why-wrapper {
flex-direction: column;
text-align: center;
}
}
/* ==============================
Patient Journey Section
=================================*/
.patient-journey-section {
padding: 80px 0;
background: #ffffff;
}
.pj-container {
width: 90%;
max-width: 1200px;
margin: auto;
text-align: center;
}
/* Section Title */
.pj-title {
font-size: 34px;
font-weight: 700;
margin-bottom: 10px;
color: #0f766e; /* Updated theme color */
}
.pj-subtitle {
font-size: 16px;
color: #6b7280;
margin-bottom: 50px;
}
/* Grid Layout */
.pj-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}
/* Card Styling */
.pj-card {
background: #f8fafc;
padding: 35px 25px;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
transition: all 0.4s ease;
position: relative;
overflow: hidden;
}
/* Hover Effect */
.pj-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(15, 118, 110, 0.15);
}
/* Top Accent Line on Hover */
.pj-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 4px;
background: #0f766e;
transition: 0.4s ease;
}
.pj-card:hover::before {
width: 100%;
}
/* Icon Styling */
.pj-icon {
font-size: 40px;
margin-bottom: 15px;
transition: 0.3s ease;
}
.pj-card:hover .pj-icon {
transform: scale(1.1);
}
/* Card Heading */
.pj-card h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
color: #0f766e;
}
/* Card Text */
.pj-card p {
font-size: 15px;
color: #4b5563;
line-height: 1.7;
}
/* Responsive */
@media (max-width: 992px) {
.pj-title {
font-size: 28px;
}
.pj-subtitle {
font-size: 15px;
}
}
@media (max-width: 576px) {
.patient-journey-section {
padding: 60px 0;
}
.pj-card {
padding: 25px 20px;
}
}
/* ==============================
Elegant Slide Hover Effect
=================================*/
.pj-card {
background: #ffffff;
padding: 40px 30px;
border-radius: 16px;
position: relative;
overflow: hidden;
transition: all 0.4s ease;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
/* Soft Teal Wave Background */
.pj-card::after {
content: "";
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #0f766e, #14b8a6);
transition: all 0.5s ease;
z-index: 0;
}
/* Hover Effect */
.pj-card:hover::after {
bottom: 0;
}
/* Bring Content Above Background */
.pj-card h3,
.pj-card p,
.pj-icon {
position: relative;
z-index: 1;
transition: all 0.4s ease;
}
/* Hover Lift */
.pj-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}
/* Icon Circle Style */
.pj-icon {
font-size: 32px;
width: 70px;
height: 70px;
line-height: 70px;
border-radius: 50%;
margin: 0 auto 20px auto;
background: #e6fffa;
color: #0f766e;
transition: all 0.4s ease;
}
/* On Hover - Icon Style */
.pj-card:hover .pj-icon {
background: #ffffff;
color: #0f766e;
transform: scale(1.1);
}
/* Heading */
.pj-card h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
color: #0f766e;
}
/* Text */
.pj-card p {
font-size: 15px;
color: #4b5563;
line-height: 1.7;
}
/* Text Color Change on Hover */
.pj-card:hover h3,
.pj-card:hover p {
color: #ffffff;
}
/* ==============================
Modern Split Layout Design
=================================*/
.service-area-section {
padding: 50px 0;
background: #ffffff;
}
.sa-container {
width: 90%;
max-width: 1200px;
margin: auto;
}
/* Title */
.sa-title {
text-align: center;
font-size: 34px;
font-weight: 700;
color: #0f766e;
margin-bottom: 60px;
}
/* Layout */
.sa-wrapper {
display: flex;
align-items: center;
gap: 60px;
flex-wrap: wrap;
}
/* Left Image */
.sa-image {
flex: 1;
overflow: hidden;
border-radius: 18px;
position: relative;
}
.sa-image img {
width: 100%;
display: block;
object-fit: cover;
border-radius: 18px;
height:770px;
transition: 0.6s ease;
}
/* Image Hover Zoom */
.sa-image:hover img {
transform: scale(1.08);
}
/* Right Content */
.sa-content {
flex: 1;
}
/* Highlight Boxes */
.sa-item {
background: rgba(15, 118, 110, 0.05);
padding: 25px 25px;
margin-bottom: 25px;
border-left: 5px solid #0f766e;
border-radius: 12px;
transition: 0.4s ease;
position: relative;
overflow: hidden;
}
/* Hover Effect */
.sa-item:hover {
background: #0f766e;
transform: translateX(10px);
box-shadow: 0 15px 30px rgba(15, 118, 110, 0.2);
}
/* Text */
.sa-item h3 {
margin: 0 0 10px;
font-size: 20px;
color: #0f766e;
transition: 0.3s ease;
}
.sa-item p {
margin: 0;
font-size: 15px;
line-height: 1.6;
color: #4b5563;
transition: 0.3s ease;
}
/* Text Color Change on Hover */
.sa-item:hover h3,
.sa-item:hover p {
color: #ffffff;
}
/* Responsive */
@media (max-width: 992px) {
.sa-wrapper {
flex-direction: column;
}
.sa-title {
font-size: 28px;
}
}
/* ==============================
Conclusion CTA Section
=================================*/
.conclusion-section {
padding: 30px 10px;
background: linear-gradient(135deg, #0f766e, #14b8a6);
text-align: center;
color: #ffffff;
position: relative;
overflow: hidden;
font-family: Arial, sans-serif;
}
/* Soft Overlay Glow */
.conclusion-section::before {
content: "";
position: absolute;
width: 400px;
height: 400px;
background: rgba(255, 255, 255, 0.08);
border-radius: 50%;
top: -100px;
right: -100px;
}
.conclusion-container {
max-width: 900px;
margin: auto;
position: relative;
z-index: 1;
}
.conclusion-title {
font-size: 36px;
font-weight: 700;
margin-bottom: 25px;
}
.conclusion-text {
font-size: 18px;
line-height: 1.8;
margin-bottom: 40px;
}
/* CTA Button */
.conclusion-btn {
display: inline-block;
padding: 14px 35px;
font-size: 16px;
font-weight: 600;
background: #ffffff;
color: #0f766e;
border-radius: 50px;
text-decoration: none;
transition: all 0.4s ease;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.conclusion-btn:hover {
background: #0f766e;
color: #ffffff;
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
border: 2px solid #ffffff;
}
/* Responsive */
@media (max-width: 768px) {
.conclusion-title {
font-size: 28px;
}
.conclusion-text {
font-size: 16px;
}
}
/*internal links css*/
/* Section */
.related-section{
padding:50px 0px;
background:#ffffff;
text-align:center;
}
.rd-container{
max-width:1300px;
margin:auto;
}
.rd-title{
font-size:36px;
font-weight:700;
color:#0f766e;
margin-bottom:15px;
}
.rd-subtitle{
font-size:16px;
color:#6b7280;
margin-bottom:70px;
}
/* Horizontal Layout */
.rd-row{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:20px;
flex-wrap:wrap;
}
/* Card */
.rd-card{
flex:1;
min-width:200px;
max-width:220px;
text-decoration:none;
padding:25px 15px;
border-radius:18px;
transition:all 0.4s ease;
position:relative;
}
/* Circle Icon */
.rd-icon{
width:80px;
height:80px;
margin:0 auto 20px;
border-radius:50%;
background:#e6fffa;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#0f766e;
transition:all 0.4s ease;
}
/* Title */
.rd-card h3{
font-size:18px;
color:#0f766e;
margin-bottom:10px;
transition:0.3s;
}
/* Description */
.rd-card p{
font-size:14px;
color:#4b5563;
line-height:1.5;
transition:0.3s;
}
/* Animated Underline */
.rd-card::after{
content:"";
position:absolute;
bottom:0;
left:50%;
width:0%;
height:3px;
background:#0f766e;
transition:0.4s ease;
transform:translateX(-50%);
}
/* Hover Effects */
.rd-card:hover{
transform:translateY(-12px);
}
.rd-card:hover .rd-icon{
background:#0f766e;
color:#ffffff;
transform:scale(1.15);
box-shadow:0 15px 30px rgba(15,118,110,0.4);
}
.rd-card:hover::after{
width:60%;
}
.rd-card:hover h3{
letter-spacing:0.5px;
}
/* Responsive */
@media(max-width:1100px){
.rd-row{
justify-content:center;
}
}
@media(max-width:768px){
.rd-row{
flex-direction:column;
align-items:center;
}
}
.acc-icon-wrapper i, .wcu-icon i{
font-size: 40px;
color: #fff;
}
.image-container img{
object-fit: cover;
width: 100%;
height: 700px;
}
.service-card a{
text-decoration:none;
}
.feature-card a{
text-decoration:none;
}
a{
text-decoration:none !important;
}
.image-wrapper img{
object-fit: cover;
height: 709px;
width: 621px;
}
@media(max-width:550px){
.image-container img {
object-fit: cover;
width: 100%;
height: 313px;
}
}
@media(max-width:800px){
.ortho-img-wrapper img {
width: 100%;
height: 866px;
object-fit: cover;
transition: transform 0.6s ease;
}
}
/* doctors */
.doctor-card-page{
display: flex;
gap: 40px;
background: #ffffff;
padding: 40px;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
max-width: 100%;
margin: 40px 0px;
align-items: flex-start;
border: 1px solid #0000002b;
}
@media(max-width:650px){
.doctor-card-page{
display: flex;
gap: 40px;
background: #ffffff;
padding: 40px;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
max-width: 100%;
margin: 40px 0px;
align-items: flex-start;
border: 1px solid #0000002b;
flex-direction: column;
}
.doctor-details h1 {
color: #068768;
font-size: 25px !important;
margin-bottom: 5px;
}
}
.doctor-image img{
width:280px;
border-radius:12px;
object-fit:cover;
}
.doctor-details h1{
color:#068768;
font-size:38px;
margin-bottom:5px;
}
.speciality{
font-size:20px;
color:#555;
margin-bottom:25px;
}
.logo-service{
padding-top: 9px;
padding-bottom: 9px;
}
.doctor-info{
list-style:none;
padding:0;
margin:0;
}
.doctor-info li{
margin-bottom:14px;
font-size:17px;
color:#333;
}
.doctor-info strong{
color:#068768;
}
.info-box{
background:#e5e6e782;
border-radius:10px;
}
.expertise-list{
padding-left:20px;
list-style-type: auto;
}
.info-box p{
line-height:1.7;
}
.info-box strong {
font-weight: 510;
}
.expertise-list li{
margin-bottom:10px;
}
.appointment-box{
background:#ffffff;
border-radius:12px;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
position:sticky;
top:120px;
}
.date-box button{
margin-right:5px;
margin-bottom:8px;
color: #000;
}
.time-slots button{
margin:5px;
}
.appointment-box{
background:#fff;
border-radius:12px;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
}
.time-slots button{
margin:5px;
color: #000;
}
/* TAB HEADER */
.tabs{
max-width:1100px;
margin:auto;
}
.tab-header{
display:flex;
border-bottom:2px solid #e0e0e0;
}
@media screen and (max-width:600px) {
.tab-header {
display: flex;
/* margin-bottom: 20px; */
flex-direction: column;
}
.prev-btn {left: 2px;display: none;}
.next-btn {right: 10px;display: none;}
}
.tab{
flex:1;
text-align:center;
padding:16px;
cursor:pointer;
font-weight:600;
font-size:18px;
color:#333;
transition:0.3s;
}
.tab.active{
color:#1b9a9a;
border-bottom:3px solid #1b9a9a;
}
/* TAB CONTENT */
.tab-content{
padding:30px 10px;
}
.content{
display:none;
}
.content.active{
display:block;
}
/* LIST */
.speciality-list{
list-style:none;
padding:0;
margin:0;
}
.speciality-list li{
display:flex;
align-items:center;
gap:12px;
padding:14px 0;
border-bottom:1px solid #e6e6e6;
font-size:17px;
}
/* ICON */
.speciality-list li i{
font-style:normal;
font-size:18px;
color:#1b9a9a;
}
/* TAB HEADER */
.tab-header{display:flex;/* margin-bottom:20px; */}
.tab{flex:1;text-align:center;padding:18px 0;/* border-radius:40px; */background:#fff;cursor:pointer;font-weight:600;font-size:18px;/* margin-right:15px; */border-bottom: 1px solid #0000005e;}
.tab:last-child{
margin-right:0;
}
.tab.active{
background:#1b9a9a;
color:#fff;
}
/* CONTENT AREA */
.tab-content{background:#fff;padding:40px;/* border-radius:25px; */}
/* GRID */
.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}
/* CARD */
.card{
border:1px solid #1b9a9a;
border-radius:18px;
padding:35px;
text-align:center;
font-size:16px;
background:#f9fbfd;
}
/* HIDE CONTENT */
.content{
display:none;
}
.content.active{
display:block;
}
.grid {
display: grid;
grid-template-columns: repeat(3, minmax(180px, 1fr));
gap: 20px;
max-width: 900px;
margin: 0 auto;
}
.card {
background: #f9fbfd;
border: 1px solid #1b9a9a;
border-radius: 12px;
padding: 25px;
font-size: 18px;
text-align: center;
display: flex;
align-items: center;
gap: 12px;
justify-content: center;
flex-direction: column;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
/* height: 263px !important; */
}
.advanced-facilities{
height: 325px !important;
}
.card i {
font-style: normal;
font-size: 40px;
color: #1b9a9a;
}
.card1:hover i {
font-style: normal;
font-size: 40px;
color: #fff !important;
}
.card:hover i {
font-style: normal;
font-size: 40px;
color: #1b9a9a;
}
#specialities{
padding: 60px 0;
background-color: #f0fffc;
}
#blogs{
padding: 60px 0;
background-color: #fff;
}
.tab-content .card:hover {
background-color: #1b9a9a;
color: #fff;
}
/*BLOGS*/
/*@import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans');*/
.card-custom {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0px 20px 50px #D9DBDF;
transition: all 0.3s ease;
max-width: 460px;
margin: 20px auto;
background: #fff;
}
.card-custom:hover {
transform: translate(10px, -10px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}
.card-custom img {
width: 100%;
max-height: 220px;
object-fit: cover;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.card-body-custom {
padding: 20px;
}
.card-title-custom {
font-size: 20px;
margin-bottom: 10px;
height: 90px;
}
.card-text-custom {
font-size: 14px;
color: #000;
line-height: 1.5;
margin-bottom: 15px;
height: 115px;
}
.btn-custom {
background-color: #0e877a;
color: #fff;
font-size: 12px;
padding: 10px 18px;
border-radius: 3px;
text-decoration: none;
display: inline-block;
transition: background 0.3s ease;
}
.btn1 {
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: 10px 24px;
border-radius: 9999px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
background-color: #5f0002 !important;
color: #fff !important;
}
.btn-custom:hover {
background-color: #083f39;
color: #fff;
}
@media (max-width: 550px) {
.card-custom {
max-width: 100%;
margin: 10px;
}
.card-title-custom {
font-size: 20px;
}
.card-text-custom {
font-size: 12px;
}
}
/*milestone*/
.timeline {
position: relative;
max-width: 600px;
margin: auto;
}
.timeline::after {
content: '';
position: absolute;
width: 4px;
background-color: #888;
top: 0;
bottom: 0;
left: 30px;
margin-left: -2px;
z-index: 0;
}
.event {
padding: 10px 20px;
position: relative;
background-color: white;
border-radius: 6px;
margin: 1rem 0 1rem 60px;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.event::before {
content: '🎯';
position: absolute;
left: -47px;
top: 10px;
font-size: 1.5rem;
z-index: 1; /* 🪨 is in front of the line */
}
.date {
font-weight: bold;
color: #555;
}
.desc {
margin-top: 5px;
color: #333;
}
.scrollTopOrb-xt9 {
position: fixed;
bottom: 68px;
right: 25px;
width: 50px;
height: 50px;
border: none;
outline: none;
background: linear-gradient(135deg, #0f766e, #14b8a6);
color: #fff;
font-size: 20px;
border-radius: 50%;
cursor: pointer;
display: none;
z-index: 9999;
box-shadow: 0 8px 20px rgba(0,0,0,0.2);
transition: all 0.3s ease;
}
/* Hover Effect */
.scrollTopOrb-xt9:hover {
transform: translateY(-5px) scale(1.1);
box-shadow: 0 12px 25px rgba(0,0,0,0.3);
}
/* Glow Pulse Animation */
.scrollTopOrb-xt9::after {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: rgba(15,118,110,0.4);
animation: pulseOrb 2s infinite;
z-index: -1;
}
@keyframes pulseOrb {
0% { transform: scale(1); opacity: 0.6; }
70% { transform: scale(1.6); opacity: 0; }
100% { opacity: 0; }
}
/*slider css starts */
.hero-image-box img {
border-radius: 20px;
width: 100%;
height: auto;
}
.eka-facility-list-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.eka-facility-item-box {
background: #f2f2f2;
padding: 32px;
border-radius: 20px;
text-align: center;
transition: 0.3s;
}
.eka-facility-item-box:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.eka-facility-icon-circle {
background: #0ea5a4;
width: 60px;
height: 60px;
margin: 0 auto 15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.eka-facility-icon-circle i {
color: #fff;
font-size: 24px;
}
.eka-facility-title-text {
font-size: 15px;
font-weight: 600;
color: #033;
}
@media(max-width:768px){
.hero-image-box img {
border-radius: 20px;
width: 100%;
height: auto;
margin-bottom: 20px;
}
}
@media(max-width:576px){
.eka-facility-list-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 13px;
}
.eka-facility-item-box {
display: flex;
gap: 0px;
padding: 22px;
border-radius: 18px;
background: linear-gradient(135deg, #f3fbf8, #ffffff);
border: 1px solid #cceee1;
transition: all 0.35s ease;
cursor: pointer;
width: 100% !important;
}
.eka-facility-item-box {
background: #f2f2f2;
padding: 10px;
border-radius: 20px;
text-align: center;
transition: 0.3s;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
}
@media(max-width:356px){
.eka-facility-list-wrap {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 13px;
}
}
@media(max-width:376px){
.eka-facility-list-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 13px;
}
.eka-facility-item-box {
background: #f2f2f2;
padding: 13px;
border-radius: 20px;
text-align: center;
transition: 0.3s;
}
.eka-facility-item-box {
display: flex;
gap: 0px;
padding: 13px;
border-radius: 18px;
background: linear-gradient(135deg, #f3fbf8, #ffffff);
border: 1px solid #cceee1;
transition: all 0.35s ease;
cursor: pointer;
width: 100% !important;
}
}
}
/*cashless starts*/
/* MAIN SECTION */
.services-area {
background: linear-gradient(180deg, #9c8ae6, #8a7be0);
padding: 50px 20px;
text-align: center;
color: #fff;
}
/* HEADER */
.services-heading {
font-size: 48px;
margin-bottom: 20px;
}
.services-subtext {
max-width: 100%;
margin: 0 auto 20px;
opacity: 0.9;
line-height: 1.6;
}
/* CARD BOX */
.service-box {
background: #d9d5ec;
color: #333;
padding: 40px 25px;
border-radius: 15px;
text-align: left;
transition: all 0.3s ease;
height: 100%;
}
.service-box:hover {
transform: translateY(-10px);
}
/* ICON */
.service-box-icon {
font-size: 40px;
color: #7b5cf0;
margin-bottom: 20px;
}
/* TITLE */
.service-box-title {
color: #7b5cf0;
margin-bottom: 15px;
}
/* TEXT */
.service-box-desc {
color: #444;
font-size: 15px;
margin-bottom: 20px;
}
/* LINK */
.service-box-link {
color: #7b5cf0;
text-decoration: none;
font-weight: bold;
}
/*ends*/
/* Section styling */
.health-plans-section {
padding: 40px 0;
background-color: #f9fafd;
font-family: Arial, sans-serif;
}
/* Cards styling */
.plan-card {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s ease, box-shadow 0.3s ease;
width: 100%;
}
.plan-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
/* Title */
.plan-card-title {
font-weight: 700;
font-size: 1.25rem;
margin-bottom: 10px;
text-align: center;
}
/* Price */
.plan-card-price {
font-size: 2rem;
color: #078668;
font-weight: 700;
margin-bottom: 5px;
text-align: center;
}
.plan-card-price small {
font-size: 1rem;
font-weight: 400;
color: #666;
}
/* Yearly Price */
.plan-card-yearly {
font-size: 1rem;
color: #555;
margin-bottom: 20px;
text-align: center;
}
/* Features list */
.plan-card-features {
list-style: none;
padding: 0;
margin: 0 0 20px;
font-size: 0.9rem;
color: #444;
}
.plan-card-features li {
margin-bottom: 8px;
padding-left: 20px;
position: relative;
}
.plan-card-features li::before {
content: "✔";
position: absolute;
left: 0;
color: #078668;
font-weight: 700;
}
/* Note text */
.plan-card-note {
font-size: 0.85rem;
color: #888;
text-align: center;
margin-bottom: 20px;
}
/* Button group */
.plan-card-btn-group {
display: flex;
gap: 15px;
justify-content: center;
width: 100%;
}
.plan-card-btn {
flex: 1;
padding: 10px;
background-color: #078668;
border: none;
border-radius: 4px;
color: #fff;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
}
.plan-card-btn:hover {
background-color: #025c52;
}
/*doctors page css */
.doc_bx {
background: #fff;
border: 1px solid #dedede;
border-radius: 15px;
padding: 15px;
display: flex;
flex-wrap: wrap;
height: 100%;
box-shadow: 0 1px 0 0 rgb(227 227 227 / .75);
transition: 0.3s ease;
}
.doc_bx:hover {
box-shadow: 0 10px 55px 5px rgb(137 173 255 / .2);
transform: translate3d(0,-5px,0);
}
.doc_bx figure {
width: 100px;
height: 100px;
background: #dedede;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 15px 0 0;
overflow: hidden;
}
.doc_bx figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.doc_bx .info {
width: calc(100% - 115px);
height: 115px;
text-align: left;
}
.doc-title-card {
display: block;
font-size: 16px;
margin-bottom: 3px;
font-weight: 700;
color: #000;
text-decoration: none;
}
.degree {
font-size: 12px;
color: #777;
margin-bottom: 3px;
}
.specialization {
font-size: 13px;
font-weight: 600;
color: #333;
margin-bottom: 6px;
}
.time {
color: #666;
font-size: 12px;
margin-bottom: 8px;
}
.doc_bx .btns {
width: 100%;
}
.doc_bx .btns a {
width: 100%;
display: block;
border-radius: 8px;
background: #0bae98;
color: #fff;
text-align: center;
line-height: 38px;
text-decoration: none;
}
.services-area {
/* background: linear-gradient(180deg, #6c010280, #6a00006e); */
padding: 50px 20px;
text-align: center;
color: #fff;
background: #d9d5ec;
}
/* HEADER */
.services-heading {
font-size: 48px;
margin-bottom: 10px;
color: #680000;
}
@media(max-width:700px){
.services-heading {
font-size: 25px;
margin-bottom: 20px;
}
}
.services-subtext {
max-width: 100%;
margin: 0 auto 20px;
opacity: 0.9;
line-height: 1.6;
color: #680000;
}
/* CARD BOX */
.service-box {
background: #fff;
color: #333;
padding: 40px 25px;
border-radius: 15px;
text-align: left;
transition: all 0.3s ease;
height: 100%;
border: 1px solid #0000004a;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}
.service-box:hover {
transform: translateY(-10px);
}
/* ICON */
.service-box-icon {
font-size: 40px;
color: #680000;
margin-bottom: 20px;
}
/* TITLE */
.service-box-title {
color: #680000;
margin-bottom: 15px;
/*height: 40px;*/
font-size: 20px;
}
/* TEXT */
.service-box-desc {
color: #444;
font-size: 13px;
margin-bottom: 20px;
/*height: 65px;*/
}
/* LINK */
.service-box-link {
color: #680000;
text-decoration: none;
font-weight: bold;
}
/* Base Styles */
.contact-form {
width: 100%;
max-width: 100%;
margin: auto;
}
.contact-us-row {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
width: 100%;
padding: 14px 16px;
border: 1px solid #cfd8dc;
border-radius: 12px;
font-size: 16px;
outline: none;
box-sizing: border-box;
}
.contact-form textarea {
resize: none;
}
.contact-btn {
width: 100%;
padding: 14px;
border: none;
background: #1f7a6b;
color: #fff;
font-size: 16px;
border-radius: 12px;
cursor: pointer;
transition: 0.3s;
}
.contact-btn:hover {
background: #155e53;
}
/* Tablet */
@media (max-width: 768px) {
.contact-us-row {
gap: 10px;
}
}
/* Mobile (<=600px) */
@media (max-width: 600px) {
.contact-form {
padding: 10px;
}
.contact-form-wrap {
background: white;
padding: 0px;
border-radius: 16px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.contact-us-row {
flex-direction: column;
gap: 12px;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
font-size: 15px;
padding: 12px;
}
.contact-btn {
font-size: 15px;
padding: 12px;
}
/* Fix date input appearance */
input[type="date"] {
width: 100%;
}
/* Hidden doctor timing spacing fix */
#doctorTiming {
width: 100%;
}
}
/* MAIN SECTION */
.services-area {
/* background: linear-gradient(180deg, #6c010280, #6a00006e); */
padding: 80px 20px;
text-align: center;
color: #fff;
background: #d9d5ec;
}
/* HEADER */
.services-heading {
font-size: 48px;
margin-bottom: 20px;
color: #680000;
}
@media(max-width:700px){
.services-heading {
font-size: 25px;
margin-bottom: 20px;
}
}
.services-subtext {
/*max-width: 700px;*/
margin: 0 auto 60px;
opacity: 0.9;
line-height: 1.6;
color: #680000;
}
/* CARD BOX */
.service-box {
background: #fff;
color: #333;
padding: 40px 25px;
border-radius: 15px;
text-align: left;
transition: all 0.3s ease;
height: 100%;
border: 1px solid #0000004a;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}
.service-box:hover {
transform: translateY(-10px);
}
/* ICON */
.service-box-icon {
font-size: 40px;
color: #680000;
margin-bottom: 20px;
}
/* TITLE */
.service-box-title {
color: #680000;
margin-bottom: 15px;
height: 40px;
font-size: 20px;
}
/* TEXT */
.service-box-desc {
color: #444;
font-size: 15px;
margin-bottom: 20px;
}
/* LINK */
.service-box-link {
color: #680000;
text-decoration: none;
font-weight: bold;
}
.fac-banner{
height:420px;
background:center/cover no-repeat;
position:relative;
}
.fac-overlay{
background:rgba(10,37,64,0.85);
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
color:white;
text-align:center;
}
.fac-overlay h1 {
color: #fff;
}
.fac-overlay span{color:#ff7a2f;}
.fac-section{padding:60px 20px;}
.fac-light-bg{background:#F3F6F9;}
.fac-steps{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:40px;
text-align:center;
}
.fac-step{
background:white;
padding:40px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.1);
transition:.4s;
}
.fac-step:hover{transform:translateY(-10px);}
.fac-step i{font-size:40px;color:#F97316;margin-bottom:20px;}
.fac-split{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}
@media(max-width:768px){
.fac-split{grid-template-columns:1fr;}
}
.fac-split-image img{
width:100%;
border-radius:16px;
box-shadow:0 20px 50px rgba(0,0,0,0.15);
}
.fac-points{list-style:none;padding:0;}
.fac-points li{margin-bottom:10px;color:#102A43;}
.fac-points i{color:#F97316;margin-right:10px;}
.fac-partners{
display:grid;
grid-template-columns:repeat(3,minmax(180px,1fr));
gap:20px;
margin-top:40px;
}
@media(max-width:425px){
.fac-partners {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 40px;
}
}
@media(max-width:380px){
.card {
height: 330px !important;
}
}
.fac-partner{
background:white;
padding:20px;
text-align:center;
border-radius:8px;
font-weight:bold;
box-shadow:0 5px 20px rgba(0,0,0,.1);
transition:.3s;
}
.fac-partner:hover{
background:#F97316;
color:white;
}
.fac-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
}
.fac-box{
background:white;
padding:35px;
border-left:5px solid #F97316;
box-shadow:0 10px 30px rgba(0,0,0,.1);
}
.fac-faq{
background:white;
padding:25px;
margin-bottom:20px;
border-left:5px solid #F97316;
box-shadow:0 5px 20px rgba(0,0,0,.1);
}
.fac-cta{
background:#102A43;
color:white;
text-align:center;
padding:90px 20px;
}
.fac-cta h2 {
color: #fff;
}
/* Animations */
.fac-fade-left,.fac-fade-right,.fac-fade-up{
opacity:0;
transition:1s ease;
}
.fac-fade-left{transform:translateX(-50px);}
.fac-fade-right{transform:translateX(50px);}
.fac-fade-up{transform:translateY(50px);}
.fac-show{opacity:1;transform:translate(0);}
.section-title{
padding-bottom: 21px;
color: #06b29f;
}
.card{
height: 308px;
}
.card-body i{
font-size: 45px;
}
.top-links span a, .top-links2 a i{
color: #fff;
font-size: 14px !important;
font-weight: 700;
}