.elementor-1464 .elementor-element.elementor-element-9e18df5{--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-1464 .elementor-element.elementor-element-b574392{--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-1464 .elementor-element.elementor-element-ee619c1{--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-1464 .elementor-element.elementor-element-0c548b5{--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-1464 .elementor-element.elementor-element-41d1520{--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-1464 .elementor-element.elementor-element-a5b0f97{--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-1464 .elementor-element.elementor-element-e917946{--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-1464 .elementor-element.elementor-element-f44e7fd{--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-754909d */.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-8eef2a8 *//* =========================
   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 */
}
/* =========================
   🔥 SWAP IMAGE RIGHT / TEXT LEFT
========================= */

.cs-about-grid{
  direction: rtl; /* 🔥 swap layout */
}

/* content normal readable */
.cs-about-content{
  direction: rtl;
  text-align: right;
}

/* =========================
   🔥 URDU FONT FORCE (SAFE)
========================= */

/* LOAD FONT (1 time) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu&display=swap');

/* APPLY FONT */
.cs-about-content h2,
.cs-about-content p,
.cs-feature-text h4,
.cs-feature-text p{
  font-family: 'Noto Nastaliq Urdu', serif !important;
}

/* =========================
   🔥 URDU LINE SPACING FIX
========================= */

.cs-about-content h2{
  line-height:2.3;
}

.cs-about-content p{
  line-height:2.6;
  word-spacing:2px;
}

.cs-feature-text h4{
  line-height:2.2;
}

.cs-feature-text p{
  line-height:2.4;
}

/* =========================
   🔥 FEATURE ALIGNMENT RTL
========================= */

.cs-feature{
  flex-direction: row-reverse;
  text-align:right;
}

/* ICON SAFE */
.cs-feature-icon i{
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900;
}
/* =========================
   🔥 FINAL MOBILE FIX (FOR ALL)
========================= */

@media(max-width:768px){

/* FORCE SINGLE COLUMN */
.cs-about-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:30px;
  direction:ltr !important; /* 🔥 remove RTL break */
}

/* FORCE ORDER: IMAGE FIRST */
.cs-about-images{
  order:1 !important;
  width:100%;
}

/* CONTENT BELOW */
.cs-about-content{
  order:2 !important;
  direction:rtl; /* urdu safe */
  text-align:right;
}

/* IMAGE FULL WIDTH */
.cs-about-main{
  width:100%;
  height:auto; /* 🔥 no crop issue */
}

/* SMALL IMAGE CENTER */
.cs-about-small-wrap{
  position:relative;
  bottom:auto;
  right:auto;
  margin:-30px auto 0;
  display:block;
}

/* FEATURE STACK FIX */
.cs-feature{
  flex-direction:row-reverse;
  align-items:flex-start;
}

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

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7413f3a *//* =========================
   GOOGLE FONT (URDU)
========================= */
@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu&display=swap');

/* =========================
   BASE SECTION
========================= */
.mv-section{
  padding:100px 0;
  background:#fff;
}

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

/* =========================
   ROW LAYOUT
========================= */
.mv-row{
  display:flex;
  align-items:center;
  gap:70px;
  margin-bottom:90px;
  position:relative;
  padding-bottom:40px;
}

/* REVERSE (DESKTOP ONLY) */
.mv-row.reverse{
  flex-direction:row-reverse;
}

/* DIVIDER */
.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);
}

.mv-row:last-child::after{
  display:none;
}

/* =========================
   IMAGE
========================= */
.mv-image{
  flex:1;
}

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

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

/* =========================
   TEXT AREA
========================= */
.mv-text{
  flex:1;
  max-width:540px;
  margin-left:auto;
}

/* HEADINGS */
.mv-text h2{
  font-weight:700;
  color:#2F4A6D;
  margin-bottom:10px;
  line-height:2.3;
  position:relative;
  display:inline-block;
}

/* UNDERLINE HOVER */
.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%;
}

/* PARAGRAPH */
.mv-text p{
  text-align:justify;
  color:#334F73;
  line-height:2.6;
  word-spacing:2px;
  margin-bottom:12px;
}

/* =========================
   LIST STYLE
========================= */
.cs-mission-list,
.cs-values-list,
.cs-quality-list,
.cs-team-list{
  list-style:none;
  padding:0;
  margin:0;
  text-align:justify;
  color:#334F73;
  line-height:2.5;
}

/* LIST ITEM */
.cs-mission-list li,
.cs-values-list li,
.cs-quality-list li,
.cs-team-list li{
  position:relative;
  padding-right:30px;
  margin-bottom:8px;
}

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

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

/* =========================
   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);
}

.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; }

/* =========================
   🔥 URDU SETTINGS
========================= */
.mv-section,
.mv-section *{
  font-family:'Noto Nastaliq Urdu', serif !important;
  direction:rtl;
  text-align:right;
}

/* =========================
   📱 MOBILE FIX (MAIN)
========================= */
@media(max-width:768px){

  .mv-row{
    flex-direction:column !important;   /* 🔥 FIX */
    gap:30px;
    margin-bottom:70px;
    text-align:center;
  }

  .mv-row.reverse{
    flex-direction:column !important;   /* 🔥 FORCE FIX */
  }

  .mv-image{
    order:1;
    width:100%;
  }

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

  /* TEXT ALIGN MOBILE */
  .mv-text h2,
  .mv-text p,
  .cs-mission-list,
  .cs-values-list,
  .cs-quality-list,
  .cs-team-list{
    text-align:right;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9012c36 *//* =========================
   TESTIMONIAL ULTRA PREMIUM
========================= */

.testimonial-section{
  width:100%;
  padding:120px 6%;
  background:#F7FAFD;
  text-align:center;
}

.testimonial-section h2{
  font-size:36px;
  color:#2F4A6D;
}

.sub{
  color:#6B7C93;
  margin-bottom:40px;
}

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

.rating h3{
  font-size:42px;
  color:#1FB5AD;
}

.rating span{
  font-size:14px;
  color:#64748b;
}

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

/* CARD */
.testimonial-card{
  background:#fff;
  border-radius:20px;
  padding:25px;
  text-align:left;

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

  transition:.4s;
}

/* HOVER */
.testimonial-card:hover{
  transform:translateY(-10px);
  box-shadow:0 25px 70px rgba(0,0,0,.15);
}

/* FEATURED */
.featured{
  grid-column:span 2;
  background:linear-gradient(135deg,#1FB5AD,#159e96);
  color:#fff;
}

.featured p,
.featured span{
  color:#fff;
}

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

.review-head h3{
  color:#2F4A6D;
  font-size:16px;
}

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

/* VERIFIED */
.verified{
  font-size:12px;
  color:#1FB5AD;
  background:rgba(31,181,173,.1);
  padding:4px 10px;
  border-radius:20px;
}

/* STARS */
.stars{
  color:#f4b400;
  margin:6px 0;
}

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

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

@media(max-width:1024px){
  .testimonial-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .featured{
    grid-column:span 2;
  }
}

@media(max-width:600px){

  .testimonial-section{
    padding:80px 5%;
  }

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

  .featured{
    grid-column:span 1;
  }

}
/* =========================
   PREMIUM HOVER ANIMATION
========================= */

/* CARD BASE */
.testimonial-card{
  position:relative;
  overflow:hidden;
}

/* GRADIENT OVERLAY */
.testimonial-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#1FB5AD,#159e96);
  opacity:0;
  transition:opacity .4s ease;
  z-index:0;
}

/* CONTENT ABOVE */
.testimonial-card *{
  position:relative;
  z-index:2;
}

/* HOVER EFFECT */
.testimonial-card:hover::before{
  opacity:1;
}

/* TEXT COLOR CHANGE */
.testimonial-card:hover h3,
.testimonial-card:hover span,
.testimonial-card:hover p{
  color:#fff;
}

/* STARS STAY GOLD */
.testimonial-card:hover .stars{
  color:#FFD700;
}

/* VERIFIED BADGE */
.testimonial-card:hover .verified{
  background:#fff;
  color:#1FB5AD;
}

/* GLOW EFFECT */
.testimonial-card:hover{
  transform:translateY(-12px) scale(1.03);
  box-shadow:
    0 30px 80px rgba(0,0,0,.2),
    0 0 30px rgba(31,181,173,.5);
}

/* SHINE ANIMATION */
.testimonial-card::after{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.4),
    transparent
  );
  transition:.6s;
}

.testimonial-card:hover::after{
  left:100%;
}
/* =========================
   VERIFIED FIX (FEATURED CARD)
========================= */

/* DEFAULT (NORMAL CARDS) */
.verified{
  font-size:12px;
  color:#1FB5AD;
  background:rgba(31,181,173,.1);
  padding:4px 10px;
  border-radius:20px;
  transition:.3s;
}

/* FEATURED CARD FIX */
.featured .verified{
  background:#ffffff;
  color:#1FB5AD;
  font-weight:500;
}

/* HOVER FIX (FEATURED SAFE) */
.testimonial-card:hover .verified{
  background:#ffffff;
  color:#1FB5AD;
}
.testimonial-section h2{
  font-size:36px;
  color:#2F4A6D;
  font-weight:700; /* 🔥 Bold */
}
/* =========================
   🔥 URDU FORCE (TESTIMONIAL)
========================= */

/* SECTION RTL */
.testimonial-section{
  direction: rtl;
  text-align: right;
}

/* TEXT ELEMENTS ONLY (ICON SAFE) */
.testimonial-section h2,
.testimonial-section .sub,
.testimonial-card h3,
.testimonial-card span,
.testimonial-card p,
.review-summary span{
  font-family: 'Noto Nastaliq Urdu', serif !important;
}

/* =========================
   🔥 LINE SPACING FIX (IMPORTANT)
========================= */

.testimonial-card p{
  line-height:2.6;
  word-spacing:2px;
}

.testimonial-card h3{
  line-height:2.2;
}

.testimonial-section h2{
  line-height:2.3;
}

.testimonial-section .sub{
  line-height:2.2;
}

/* =========================
   🔥 ALIGNMENT FIX
========================= */

.review-head{
  text-align:right;
}

.verified{
  font-size:12px;
}

/* =========================
   🔥 ICON / STARS SAFE
========================= */

.stars{
  direction:ltr; /* stars ulty na hoon */
}

.verified{
  direction:ltr; /* tick icon sahi rahe */
}/* End custom CSS */