.elementor-46 .elementor-element.elementor-element-b80837b{--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-46 .elementor-element.elementor-element-a606b22{--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-46 .elementor-element.elementor-element-a023c24{--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-46 .elementor-element.elementor-element-1fc57ca{--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;}/* Start custom CSS for html, class: .elementor-element-e0a1c8b */.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%);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa6302b */.consultants-section{
width:100%;
padding:80px 5%;
font-family:Poppins, sans-serif;
}
.consultant-row{
display:flex;
align-items:center;
gap:60px;
margin-bottom:100px;
}

.consultant-row.reverse{
flex-direction:row-reverse;
}

/* IMAGE BOX (WHITE BACKGROUND ONLY BEHIND IMAGE) */

.consultant-image{
background:white;
padding:25px;
border-radius:22px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

/* IMAGE SAME SIZE */



/* IMAGE HOVER EFFECT */

.consultant-image img:hover{
transform:scale(1.04);
}

/* TEXT */

.consultant-content{
max-width:520px;
}

.consultant-content h2{
font-size:36px;
color:#2c4665;
margin-bottom:8px;
}

.consultant-content h4{
color:#1fb6b5;
font-size:20px;
margin-bottom:18px;
}

.consultant-content p{
color:#6b7280;
line-height:1.7;
margin-bottom:18px;
}

/* BUTTON */

.appointment-btn{
display:inline-block;
background:#2c4665;
color:white;
padding:12px 28px;
border-radius:8px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.appointment-btn:hover{
background:#1c3148;
}

/* MOBILE */

@media(max-width:900px){

.consultant-row{
flex-direction:column;
text-align:center;
}

.consultant-row.reverse{
flex-direction:column;
}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d41325e */.specializations{
padding:100px 20px;
background:#f7fafc;
text-align:center;
}

.section-title{
font-size:36px;
margin-bottom:50px;
color:#2c4665;
}

.specializations-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
max-width:900px;
margin:auto;
}

.special-card{
background:white;
padding:30px;
border-radius:16px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
font-weight:600;
color:#2c4665;
transition:0.3s;
}

.special-card:hover{
transform:translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4d2d2d */.appointment-cta{
background:linear-gradient(135deg,#2f7e87,#1fb6b5);
padding:100px 20px;
text-align:center;
color:white;
}

.cta-content{
max-width:700px;
margin:auto;
}

.cta-content h2{
font-size:40px;
margin-bottom:20px;
}

.cta-content p{
font-size:18px;
margin-bottom:30px;
opacity:0.9;
}

.cta-btn{
background:white;
color:#2c4665;
padding:14px 30px;
border-radius:30px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.cta-btn:hover{
transform:translateY(-3px);
}/* End custom CSS */