.elementor-1378 .elementor-element.elementor-element-7b024af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1378 .elementor-element.elementor-element-7e5d079{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1378 .elementor-element.elementor-element-4d526a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1378 .elementor-element.elementor-element-bbcf042{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-29a818f */.custom-hero {
  position: relative;
  background-image: url("https://carescan.net/wp-content/uploads/2026/03/Why-Choose-Us.png");
  background-size: cover;
  background-position: center;
  padding: 80px 20px;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

/* Gradient Overlay */
.custom-hero .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.75),
    rgba(0, 102, 255, 0.55)
  );
}

/* Content on top */
.custom-hero .content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: auto;
}

/* Heading */
.custom-hero h1 {
  font-size: 42px;
  margin-bottom: 10px;
  font-weight: 700;
}

/* Breadcrumb style */
.custom-hero .breadcrumb {
  font-size: 16px;
  opacity: 0.9;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .custom-hero {
    padding: 60px 15px;
  }

  .custom-hero h1 {
    font-size: 28px;
  }
}
.custom-hero {
  position: relative;
  background-image: url("https://carescan.net/wp-content/uploads/2026/03/Why-Choose-Us.png");
  background-size: cover;
  background-position: center;
  padding: 80px 20px;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

/* Solid color overlay */
.custom-hero .overlay {
  position: absolute;
  inset: 0;
  background: #1FAFBA;
  opacity: 0.75; /* adjust 0.6 - 0.85 as needed */
}

/* Content stays above */
.custom-hero .content {
  position: relative;
  z-index: 2;
}
.custom-hero h1 {
  color: #ffffff;
}
.custom-hero {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}
.custom-hero {
  font-family: 'Noto Nastaliq Urdu', serif;
}
.custom-hero h1 {
  font-family: 'Noto Nastaliq Urdu', serif;
}
.custom-hero h1 {
  font-family: 'Noto Nastaliq Urdu', serif !important;
  direction: rtl; /* Urdu right-to-left */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c9eb7f */@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu&display=swap');

.consultants-section{
width:100%;
padding:80px 5%;
font-family:'Noto Nastaliq Urdu', serif;
direction:rtl;
text-align:right;
}

.consultant-row{
display:flex;
align-items:center;
gap:60px;
margin-bottom:100px;
}

.consultant-row.reverse{
flex-direction:row-reverse;
}

.consultant-image{
background:white;
padding:25px;
border-radius:22px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}



.consultant-image img:hover{
transform:scale(1.04);
}

.consultant-content{
max-width:520px;
}

/* MAIN HEADING (Doctor Name) */

.consultant-content h2{
font-size:42px;
color:#2c4665;
margin-bottom:12px;
line-height:1.9;
}

/* SUBTITLE */

.consultant-content h4{
color:#1fb6b5;
font-size:24px;
margin-bottom:20px;
line-height:1.9;
}

/* PARAGRAPH */

.consultant-content p{
color:#6b7280;
line-height:2.2;
margin-bottom:20px;
font-size:20px;
}

/* BUTTON */

.appointment-btn{
display:inline-block;
background:#2c4665;
color:white;
padding:12px 28px;
border-radius:8px;
text-decoration:none;
transition:0.3s;
font-size:18px;
}

.appointment-btn:hover{
background:#1c3148;
}

/* MOBILE */

@media(max-width:900px){

.consultant-row{
flex-direction:column;
text-align:center;
}

.consultant-row.reverse{
flex-direction:column;
}

.consultant-image img{
width:100%;
height:auto;
}

.consultant-content h2{
font-size:34px;
}

.consultant-content h4{
font-size:20px;
}

.consultant-content p{
font-size:18px;
}

}
.consultants-section,
.consultants-section h1,
.consultants-section h2,
.consultants-section h3,
.consultants-section h4,
.consultants-section p,
.consultants-section span,
.consultants-section a{

font-family:'Noto Nastaliq Urdu', serif !important;

}
/* Urdu Medical Typography */

.urdu-medical{
direction:rtl;
text-align:right;
font-family:'Noto Nastaliq Urdu', serif;
}

/* Heading */

.urdu-medical h1,
.urdu-medical h2,
.urdu-medical h3,
.urdu-medical h4{

font-family:'Noto Nastaliq Urdu', serif;
line-height:1.9;
margin-bottom:14px;

}

/* Doctor Name */

.urdu-medical h2{
font-size:42px;
color:#2c4665;
}

/* Specialization */

.urdu-medical h4{
font-size:24px;
color:#1fb6b5;
}

/* Paragraph */

.urdu-medical p{

font-family:'Noto Nastaliq Urdu', serif;
font-size:20px;
line-height:2.2;
color:#6b7280;
margin-bottom:18px;

}

/* Button Urdu */

.urdu-medical .appointment-btn{

font-family:'Noto Nastaliq Urdu', serif;
font-size:18px;

}

/* Better spacing for Nastaleeq */

.urdu-medical p + p{
margin-top:12px;
}

/* Mobile Optimization */

@media(max-width:768px){

.urdu-medical h2{
font-size:32px;
}

.urdu-medical h4{
font-size:20px;
}

.urdu-medical p{
font-size:18px;
line-height:2.1;
}

}
/* 🔥 FINAL URDU TYPOGRAPHY FIX - CONSULTANTS */

/* MAIN HEADING (Doctor Name) */

.consultant-content h2,
.urdu-medical h2{
  line-height: 2.3; /* 🔥 better flow */
  letter-spacing: 0.5px;
}

/* SUBTITLE */

.consultant-content h4,
.urdu-medical h4{
  line-height: 2.2;
}

/* PARAGRAPH */

.consultant-content p,
.urdu-medical p{
  line-height: 2.6; /* 🔥 main fix */
  letter-spacing: 0.3px;
  word-spacing: 2px;
}

/* MULTIPLE PARAGRAPH GAP */

.urdu-medical p + p{
  margin-top: 18px; /* 🔥 more breathing space */
}

/* BUTTON TEXT (UNCHANGED STYLE, just spacing fix) */

.urdu-medical .appointment-btn{
  line-height: 2;
}

/* GLOBAL SAFETY (in case override ho raha ho) */

.consultants-section h2,
.consultants-section h4,
.consultants-section p{
  font-family:'Noto Nastaliq Urdu', serif !important;
}

/* MOBILE OPTIMIZATION */

@media(max-width:768px){

.consultant-content h2,
.urdu-medical h2{
  line-height: 2.1;
}

.consultant-content p,
.urdu-medical p{
  line-height: 2.3;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-987ce24 */.specializations {
  text-align: center;
  padding: 80px 20px;
  background: #f9fafb;
}

/* Section Title (Urdu Proper Style) */
.specializations .section-title {
  font-family: 'Noto Nastaliq Urdu', serif !important;
  font-size: 32px;
  margin-bottom: 40px;
  direction: rtl;
  color: #1e293b;
}

/* Grid Layout */
.specializations-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

/* Cards */
.special-card {
  background: #ffffff;
  padding: 18px 30px;
  border-radius: 12px;
  font-family: 'Noto Nastaliq Urdu', serif !important;
  font-size: 23px;
  direction: rtl;
  color: #334155;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  min-width: 180px;
}

/* Hover Effect (Premium Feel 😎) */
.special-card:hover {
  transform: translateY(-5px);
  background: #0ea5a4;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54c399e */.appointment-cta {
  background: linear-gradient(135deg, #0ea5a4, #0f766e);
  padding: 70px 20px;
  text-align: center;
  color: #fff;
}

/* Content */
.appointment-cta .cta-content {
  max-width: 700px;
  margin: auto;
}

/* Heading (Urdu Clean Style) */
.appointment-cta h2 {
  font-family: 'Noto Nastaliq Urdu', serif !important;
  font-size: 34px;
  margin-bottom: 20px;
  direction: rtl;
}

/* Paragraph */
.appointment-cta p {
  font-family: 'Noto Nastaliq Urdu', serif !important;
  font-size: 20px;
  line-height: 2;
  margin-bottom: 30px;
  direction: rtl;
  opacity: 0.95;
}

/* Button */
.cta-btn {
  display: inline-block;
  background: #ffffff;
  color: #0f766e;
  padding: 12px 30px;
  border-radius: 30px;
  font-size: 16px;
  font-family: 'Noto Nastaliq Urdu', serif !important;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

/* Hover effect 😎 */
.cta-btn:hover {
  background: #e6fffa;
  transform: translateY(-3px);
}
.appointment-cta {
  background: linear-gradient(135deg, #0ea5a4, #0f766e);
  padding: 90px 20px; /* 🔥 spacing increase */
  text-align: center;
  color: #fff;
}

/* Content */
.appointment-cta .cta-content {
  max-width: 700px;
  margin: auto;
}

/* Heading (Urdu Premium Style) */
.appointment-cta h2 {
  font-family: 'Noto Nastaliq Urdu', serif !important;
  font-size: 34px;
  margin-bottom: 28px; /* 🔥 more gap */
  direction: rtl;
  line-height: 2.2; /* 🔥 Nastaliq fix */
  color: #ffffff; /* 🔥 force white */
}

/* Paragraph (Tagline Fix) */
.appointment-cta p {
  font-family: 'Noto Nastaliq Urdu', serif !important;
  font-size: 20px;
  line-height: 2.6; /* 🔥 main fix */
  margin-bottom: 40px; /* 🔥 more space before button */
  direction: rtl;
  color: #ffffff; /* 🔥 pure white */
  opacity: 1; /* remove dull effect */
  letter-spacing: 0.3px;
  word-spacing: 2px;
}

/* Button (UNCHANGED) */
.cta-btn {
  display: inline-block;
  background: #ffffff;
  color: #0f766e;
  padding: 12px 30px;
  border-radius: 30px;
  font-size: 16px;
  font-family: 'Noto Nastaliq Urdu', serif !important;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

/* Hover */
.cta-btn:hover {
  background: #e6fffa;
  transform: translateY(-3px);
}/* End custom CSS */