.elementor-42 .elementor-element.elementor-element-4174d03{--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;--gap:00px 00px;--row-gap:00px;--column-gap:00px;}.elementor-42 .elementor-element.elementor-element-4fe8a97{--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-42 .elementor-element.elementor-element-3a1e7ec{--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-42 .elementor-element.elementor-element-1418352{--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-42 .elementor-element.elementor-element-c4218e4{--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-42 .elementor-element.elementor-element-a12e55e{--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-42 .elementor-element.elementor-element-a12e55e:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-a12e55e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FAFD;}.elementor-42 .elementor-element.elementor-element-ad9c348{--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-42 .elementor-element.elementor-element-71b33c5{--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-3c548f8 */.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-76d24818 *//* =========================
   ABOUT SECTION (FINAL)
========================= */

.cs-about{
  width:100%;
  padding:120px 6%;
  background:#ffffff;
}

/* GRID */
.cs-about-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:90px;
  align-items:center;
}

/* IMAGE AREA */
.cs-about-images{
  position:relative;
  width:100%;
  max-width:520px;
}

/* MAIN IMAGE */
.cs-about-main{
  width:100%;
  border-radius:30px !important;
  overflow:hidden;
  box-shadow:0 25px 60px rgba(0,0,0,.15);
  transition:all .6s ease;
}

.cs-about-main:hover{
  transform:scale(1.04);
}

/* SMALL IMAGE WRAP */
.cs-about-small-wrap{
  position:absolute;
  bottom:-40px;
  right:-40px;

  width:auto;
  max-width:220px;

  background:#fff;
  padding:8px;
  border-radius:20px !important;
  overflow:hidden;

  box-shadow:0 20px 40px rgba(0,0,0,.15);

  animation:floating 5s ease-in-out infinite;
}

/* SMALL IMAGE */
.cs-about-small{
  width:100%;
  display:block;
  border-radius:16px !important;
  overflow:hidden;
}

/* FLOAT ANIMATION */
@keyframes floating{
  0%{transform:translateY(0);}
  50%{transform:translateY(-10px);}
  100%{transform:translateY(0);}
}

/* CONTENT */
.cs-about-content h2{
  font-size:40px;
  color:#2F4A6D;
  margin-bottom:20px;
}

.cs-about-content p{
  color:#6E7F95;
  line-height:1.8;
}

/* FEATURE */
.cs-feature{
  display:flex;
  gap:18px;
  margin-top:20px;
  padding:22px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
  transition:.4s;
}

.cs-feature:hover{
  transform:translateY(-5px);
  box-shadow:0 25px 60px rgba(0,0,0,.12);
}

/* ICON */
.cs-feature-icon{
  width:60px;
  height:60px;
  min-width:60px;
  border-radius:50%;
  border:4px solid #1FB5AD;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#1FB5AD;
  transition:.4s;
}

.cs-feature:hover .cs-feature-icon{
  background:#1FB5AD;
  color:#fff;
  transform:rotate(10deg) scale(1.1);
}

/* BUTTON */
.cs-about-btn{
  display:inline-block;
  margin-top:30px;
  background:#334F73;
  color:#fff;
  padding:14px 28px;
  border-radius:10px;
  transition:.3s;
}

.cs-about-btn:hover{
  background:#1FB5AD;
  transform:translateY(-2px);
}

/* =========================
   MOBILE FIX (FINAL)
========================= */

@media(max-width:768px){

.cs-about{
  padding:80px 5%;
}

/* STACK */
.cs-about-grid{
  grid-template-columns:1fr;
  gap:40px;
}

/* IMAGE FULL */
.cs-about-images{
  max-width:100%;
}

/* MAIN IMAGE */
.cs-about-main{
  border-radius:20px !important;
}

/* 🔥 SMALL IMAGE PERFECT CENTER */
.cs-about-small-wrap{
  position:relative;
  bottom:auto;
  right:auto;

  margin:-40px auto 0;

  max-width:170px;
  width:100%;

  display:block;
}

/* SMALL IMAGE */
.cs-about-small{
  border-radius:14px !important;
}

/* TEXT */
.cs-about-content h2{
  font-size:26px;
}

.cs-about-content p{
  font-size:14px;
}

/* FEATURE */
.cs-feature{
  padding:16px;
  gap:12px;
}

/* ICON */
.cs-feature-icon{
  width:48px;
  height:48px;
  min-width:48px;
  font-size:16px;
}

/* BUTTON */
.cs-about-btn{
  width:100%;
  text-align:center;
  padding:12px;
}

}
/* =========================
   IMAGE STABILITY FIX
========================= */

.cs-about-images{
  position:relative;
  width:100%;
  max-width:520px;
  margin:auto;
}

/* FIX HEIGHT + RATIO */
.cs-about-main{
  width:100%;
  height:420px; /* 🔥 fixed height */
  object-fit:cover; /* 🔥 no stretch */
  border-radius:30px !important;
  box-shadow:0 25px 60px rgba(0,0,0,.15);
  transition:all .6s ease;
}

/* HOVER */
.cs-about-main:hover{
  transform:scale(1.04);
}

/* SMALL IMAGE FIX */
.cs-about-small-wrap{
  position:absolute;
  bottom:-30px;
  right:-30px;

  max-width:180px;
  padding:6px;
  background:#fff;
  border-radius:16px;

  box-shadow:0 15px 35px rgba(0,0,0,.15);
}

/* SMALL IMAGE */
.cs-about-small{
  width:100%;
  height:120px; /* 🔥 fixed */
  object-fit:cover;
  border-radius:12px;
}
.cs-about-content h2{
  font-size:40px;
  color:#2F4A6D;
  margin-bottom:20px;
  font-weight:700; /* 🔥 Bold */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3012ddd */.mv-section{
padding:100px 0;
background:#fff;
font-family:'Poppins',sans-serif;
}

.mv-container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

.mv-row{
display:flex;
align-items:center;
gap:70px;
margin-bottom:90px;
}

.mv-row.reverse{
flex-direction:row-reverse;
}

.mv-image{
flex:1;
}

.mv-image img{
width:100%;
border-radius:22px;
transition:.4s;
}

.mv-image img:hover{
transform:scale(1.05);
box-shadow:0 30px 70px rgba(0,0,0,0.15);
}

.mv-text{
flex:1;
}

.mv-text h2{
font-size:40px;
color:#2F4A6D;
margin-bottom:18px;
}

.mv-text p{
color:#6B7C93;
line-height:1.9;
font-size:16px;
max-width:540px;
}

/* MOBILE */

@media(max-width:768px){

.mv-row{
flex-direction:column;
text-align:center;
gap:40px;
}

.mv-row.reverse{
flex-direction:column;
}

.mv-text p{
margin:auto;
}

}
/* =========================
   TEXT ALIGNMENT + COLOR FIX
========================= */

/* COMMON TEXT AREA */
.mv-text{
  max-width:560px; /* consistent width */
}

/* HEADINGS (already good but slightly refined) */
.mv-text h2{
  font-weight:700;
  color:#2F4A6D;
}

/* PARAGRAPH ALIGNMENT */
.mv-text p{
  text-align:justify;            /* 🔥 both side alignment */
  text-justify:inter-word;
  color:#4A6A8A;                 /* bluish dark */
  line-height:1.8;
}

/* LIST ALIGNMENT */
.cs-mission-list,
.cs-values-list,
.cs-quality-list,
.cs-team-list{
  text-align:justify;            /* 🔥 both side alignment */
  text-justify:inter-word;
  color:#4A6A8A;
  line-height:1.8;
}

/* LIST ITEMS */
.cs-mission-list li,
.cs-values-list li,
.cs-quality-list li,
.cs-team-list li{
  margin-bottom:10px;
}

/* STRONG TEXT (keep darker for contrast) */
.cs-values-list strong,
.cs-quality-list strong,
.cs-team-list strong{
  color:#2F4A6D;
}

/* =========================
   MOBILE FIX
========================= */

@media(max-width:768px){

  .mv-text{
    max-width:100%;
  }

  .mv-text p,
  .cs-mission-list,
  .cs-values-list,
  .cs-quality-list,
  .cs-team-list{
    text-align:left; /* 🔥 better readability on mobile */
  }

}
/* DESCRIPTION COLOR UPDATE */

.mv-text p,
.cs-mission-list,
.cs-values-list,
.cs-quality-list,
.cs-team-list{
  color:#334F73; /* 🔥 your required color */
}

/* OPTIONAL: keep strong headings slightly darker for contrast */
.cs-values-list strong,
.cs-quality-list strong,
.cs-team-list strong{
  color:#2F4A6D;
}
/* =========================
   TEXT ALIGNMENT (FIXED)
========================= */

/* COMMON TEXT AREA */
.mv-text{
  max-width:540px; /* slightly tighter */
}

/* HEADINGS */
.mv-text h2{
  font-weight:700;
  color:#2F4A6D;
  margin-bottom:10px;
}

/* PARAGRAPH */
.mv-text p{
  text-align:justify;
  color:#334F73;
  line-height:1.6; /* 🔥 reduced spacing */
  margin-bottom:12px; /* controlled spacing */
}

/* LIST */
.cs-mission-list,
.cs-values-list,
.cs-quality-list,
.cs-team-list{
  text-align:justify;
  color:#334F73;
  line-height:1.6; /* 🔥 reduced */
  padding-left:18px; /* better alignment */
}

/* LIST ITEMS */
.cs-mission-list li,
.cs-values-list li,
.cs-quality-list li,
.cs-team-list li{
  margin-bottom:8px; /* 🔥 reduced gap */
}

/* STRONG TEXT */
.cs-values-list strong,
.cs-quality-list strong,
.cs-team-list strong{
  color:#2F4A6D;
}

/* =========================
   MOBILE FIX
========================= */

@media(max-width:768px){

  .mv-text{
    max-width:100%;
  }

  .mv-text p,
  .cs-mission-list,
  .cs-values-list,
  .cs-quality-list,
  .cs-team-list{
    text-align:left;
  }

}
/* =========================
   DIVIDER LINE
========================= */

.mv-row{
  position:relative;
  padding-bottom:40px;
}

.mv-row::after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:60%;
  height:1px;
  background:linear-gradient(to right, transparent, #dbeafe, transparent);
}

/* last row remove divider */
.mv-row:last-child::after{
  display:none;
}

/* =========================
   ICON BULLETS
========================= */

.cs-mission-list li,
.cs-values-list li,
.cs-quality-list li,
.cs-team-list li{
  position:relative;
  padding-left:28px;
}

.cs-mission-list li::before,
.cs-values-list li::before,
.cs-quality-list li::before,
.cs-team-list li::before{
  content:"\f058"; /* check circle */
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  left:0;
  top:2px;
  color:#1FB5AD;
  font-size:15px;
}

/* =========================
   SCROLL ANIMATION
========================= */

.mv-row{
  opacity:0;
  transform:translateY(60px);
  transition:all .8s cubic-bezier(.22,.61,.36,1);
}

.mv-row.active{
  opacity:1;
  transform:translateY(0);
}

/* stagger effect */
.mv-row:nth-child(1).active{ transition-delay:.1s; }
.mv-row:nth-child(2).active{ transition-delay:.2s; }
.mv-row:nth-child(3).active{ transition-delay:.3s; }
.mv-row:nth-child(4).active{ transition-delay:.4s; }
.mv-row:nth-child(5).active{ transition-delay:.5s; }

/* =========================
   HOVER MICRO EFFECT
========================= */

.mv-text h2{
  position:relative;
  display:inline-block;
}

.mv-text h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  background:#1FB5AD;
  transition:.4s;
}

.mv-text:hover h2::after{
  width:100%;
}
/* REMOVE DEFAULT DOTS */
.cs-mission-list,
.cs-values-list,
.cs-quality-list,
.cs-team-list{
  list-style:none;   /* 🔥 dot removed */
  padding-left:0;    /* clean alignment */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57df6 */<style>

/* ===============================
   CARESCAN TESTIMONIAL FIXED
   SAME SIZE + SAME COLORS
================================= */

.testimonial-section{
  width:100%;
  padding:70px 5%;
  background:#ffffff;   /* baki sections jesa */
  text-align:center;
}

/* TITLE */
.testimonial-section h2{
  font-size:34px;
  font-weight:700;
  color:#16304a;
  margin-bottom:8px;
}

.testimonial-section .sub{
  font-size:15px;
  color:#6b7280;
  margin-bottom:35px;
}

/* SUMMARY */
.review-summary{
  margin-bottom:35px;
}

.rating h3{
  font-size:38px;
  color:#16304a;
  margin:0;
}

.rating .stars{
  color:#f4b400;
  font-size:18px;
  margin:5px 0;
}

.rating span{
  color:#6b7280;
  font-size:14px;
}

/* GRID */
.testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

/* CARD */
.testimonial-card{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:24px;
  text-align:left;
  min-height:240px; /* sab same height */
  transition:.35s ease;
  box-shadow:0 8px 24px rgba(0,0,0,.05);

  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

/* SAME FEATURED CARD */
.featured{
  grid-column:span 1;       /* bada box remove */
  background:#f8fafc;       /* same color */
  color:inherit;
}

/* HEAD */
.review-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
  margin-bottom:10px;
}

.review-head h3{
  font-size:16px;
  color:#16304a;
  margin:0;
}

.review-head span{
  font-size:12px;
  color:#94a3b8;
}

/* VERIFIED */
.verified{
  font-size:11px;
  padding:5px 10px;
  border-radius:30px;
  background:#e6fffb;
  color:#0f766e;
  white-space:nowrap;
}

/* STARS */
.testimonial-card .stars{
  color:#f4b400;
  font-size:15px;
  margin-bottom:10px;
}

/* TEXT */
.testimonial-card p{
  font-size:14px;
  color:#475569;
  line-height:1.7;
  margin:0;
}

/* HOVER */
.testimonial-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.08);
  background:#ffffff;
}

/* TAB */
@media(max-width:1024px){

.testimonial-grid{
  grid-template-columns:repeat(2,1fr);
}

}

/* MOBILE */
@media(max-width:767px){

.testimonial-section{
  padding:55px 18px;
}

.testimonial-section h2{
  font-size:26px;
}

.testimonial-grid{
  grid-template-columns:1fr;
}

.testimonial-card{
  min-height:auto;
}

}

</style>/* End custom CSS */