.elementor-2739 .elementor-element.elementor-element-9684dab{--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-2739 .elementor-element.elementor-element-f407c66{--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-2739 .elementor-element.elementor-element-8cea5fe{--spacer-size:25px;}.elementor-2739 .elementor-element.elementor-element-b8f294a{--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-2739 .elementor-element.elementor-element-4f347be{--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-2739 .elementor-element.elementor-element-12ef7f5{--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-e371d86 */.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-e69d662 *//* FORCE FULL WIDTH */
.blog-wrapper,
.blog-wrapper.urdu {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box;
}

/* URDU FONT FORCE */
.blog-wrapper.urdu,
.blog-wrapper.urdu * {
    font-family: 'Noto Nastaliq Urdu', serif !important;
}

/* RTL */
.blog-wrapper.urdu {
    direction: rtl;
    text-align: right;
}

/* ROW LAYOUT */
.blog-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 60px;
}

/* 🔥 IMPORTANT: ALTERNATE LAYOUT FIX */
.blog-row.reverse {
    flex-direction: row-reverse !important;
}

/* TEXT + IMAGE */
.blog-text,
.blog-image {
    width: 50%;
}

/* 🔥 IMAGE BIG FIX */
.blog-image img {
    width: 100% !important;
    height: 420px;   /* BIG IMAGE */
    object-fit: cover;
    border-radius: 16px;
    display: block;
}

/* TEXT */
.blog-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* TITLE */
.blog-text h3 {
    font-size: 28px;
    margin-bottom: 15px;
}

/* PARAGRAPH */
.blog-text p {
    font-size: 18px;
    line-height: 2;
    color: #555;
    margin-bottom: 20px;
}

/* BUTTON */
.blog-text a,
#loadMoreBtn {
    background: #334F73;
    color: #fff;
    padding: 14px 28px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
}

/* HOVER */
.blog-text a:hover,
#loadMoreBtn:hover {
    background: #2a3f5c;
}

/* MOBILE */
@media(max-width: 768px){
    .blog-row,
    .blog-row.reverse {
        flex-direction: column !important;
    }

    .blog-text,
    .blog-image {
        width: 100%;
    }

    .blog-image img {
        height: 260px;
    }
}
/* =========================
   URDU BLOG (RTL VERSION)
========================= */

/* WRAPPER */
.urdu-page .blog-wrapper{
    width:100%;
    padding:0 63px;
    box-sizing:border-box;
    direction:rtl;   /* 🔥 important for Urdu */
    text-align:right;
}

/* ROW */
.urdu-page .blog-row{
    display:flex;
    align-items:stretch;
    gap:40px;
    margin-bottom:50px;
    flex-direction:row-reverse; /* 🔥 RTL layout */
}

/* IMAGE */
.urdu-page .blog-image{
    width:50%;
}

.urdu-page .blog-image img{
    width:100%;
    height:520px;
    object-fit:cover;
    display:block;
    border-radius:12px;
}

/* TEXT */
.urdu-page .blog-text{
    width:50%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:right;
}

/* TITLE */
.urdu-page .blog-text h3{
    margin-bottom:10px;
}

/* PARAGRAPH */
.urdu-page .blog-text p{
    line-height:1.6;
    opacity:0.85;

    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical;
    overflow:hidden;

    margin-bottom:12px;
}

/* META */
.urdu-page .blog-meta{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    opacity:0.75;
    margin-top:10px;

    flex-direction:row-reverse; /* 🔥 Urdu alignment */
}

/* AUTHOR IMAGE */
.urdu-page .blog-meta img.author-avatar{
    width:40px !important;
    height:40px !important;
    border-radius:50% !important;
    object-fit:cover !important;
}

/* LOAD MORE */
.urdu-page #loadMoreBtn{
    background:#1b3a57;
    color:#fff;

    padding:10px 18px;
    border:none;
    border-radius:8px;

    cursor:pointer;
    font-size:14px;
    font-weight:500;
}

/* BUTTONS (same as English) */
.urdu-page button,
.urdu-page input[type="submit"],
.urdu-page input[type="button"],
.urdu-page .cs-btn,
.urdu-page a.cs-btn,
.urdu-page .blog-text a,
.urdu-page .blog-grid a{
    background:#1b3a57;
    color:#fff !important;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:10px 18px;
    min-height:42px;

    font-size:14px;
    font-weight:500;

    border:none;
    border-radius:8px;

    text-decoration:none;
    cursor:pointer;

    box-sizing:border-box;
    white-space:nowrap;
}

/* MOBILE */
@media(max-width:768px){
    .urdu-page .blog-wrapper{
        padding:0 20px;
    }

    .urdu-page .blog-row{
        flex-direction:column;
    }

    .urdu-page .blog-image,
    .urdu-page .blog-text{
        width:100%;
    }

    .urdu-page .blog-image img{
        height:240px;
    }
}
.blog-meta img.author-avatar{
    width:40px !important;
    height:40px !important;
    border-radius:50% !important;   /* 🔥 perfect circle */
    object-fit:cover !important;
    display:block;
}
.blog-meta{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    opacity:0.75;
    margin-top:10px;
}

.urdu-page .blog-meta{
    flex-direction:row-reverse;
    text-align:right;
}
.blog-text p{
    line-height:1.7;
    opacity:0.85;

    display:-webkit-box;
    -webkit-line-clamp:6;  /* 🔥 5-6 lines guaranteed */
    -webkit-box-orient:vertical;
    overflow:hidden;

    margin-bottom:12px;
}
.blog-text p,
.urdu-page .blog-text p,
.blog-wrapper.urdu .blog-text p{
    all: unset;
    display: -webkit-box !important;

    font-size: 16px;
    line-height: 1.9;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 10 !important;

    overflow: hidden !important;

    color: #555;
    margin-bottom: 15px;
}
.blog-row{
    align-items: stretch !important;
}

.blog-text{
    display:flex;
    flex-direction:column;
    justify-content:flex-start !important;
}
.blog-text p,
.urdu-page .blog-text p,
.blog-wrapper.urdu .blog-text p{

    font-size: 17px;          /* slightly bigger for readability */
    line-height: 2.1;         /* 🔥 more spacing between lines */

    color: #555;
    margin-bottom: 18px;      /* 🔥 space under text */

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;

    -webkit-line-clamp: 8 !important;  /* 🔥 MORE LINES (was 6) */

    overflow: hidden !important;
}
@media(max-width:768px){

/* WRAPPER SAFE PADDING */
.blog-wrapper,
.blog-wrapper.urdu{
    padding:0 15px !important;
}

/* ROW STACK */
.blog-row,
.blog-row.reverse{
    flex-direction:column !important;
    gap:20px;
    margin-bottom:40px;
}

/* IMAGE FULL WIDTH */
.blog-image{
    width:100% !important;
}

.blog-image img{
    width:100% !important;
    height:220px !important;
    border-radius:12px;
    object-fit:cover;
}

/* TEXT FULL WIDTH */
.blog-text{
    width:100% !important;
    padding:5px 0;
}

/* TITLE */
.blog-text h3{
    font-size:20px !important;
    margin-bottom:10px;
    line-height:1.4;
}

/* PARAGRAPH (MOBILE CONTROLLED) */
.blog-text p,
.urdu-page .blog-text p{
    font-size:15px !important;
    line-height:1.8 !important;

    -webkit-line-clamp:5 !important; /* 🔥 mobile fewer lines */
}

/* BUTTON */
.blog-text a,
#loadMoreBtn{
    padding:10px 16px !important;
    font-size:13px !important;
}

/* META */
.blog-meta{
    font-size:12px !important;
    flex-wrap:wrap;
    gap:6px;
}

/* AUTHOR IMAGE */
.author-avatar{
    width:32px !important;
    height:32px !important;
}

}
/* =========================
   GLOBAL PAGE WIDTH FIX (FINAL)
========================= */

html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

/* FORCE ALL WRAPPERS FULL WIDTH */
.container,
.cs-container,
.blog-wrapper,
.blog-wrapper.urdu {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;

    /* 🔥 CONTROL LEFT/RIGHT SPACE HERE */
    padding-left: 25px !important;
    padding-right: 25px !important;

    box-sizing: border-box !important;
}

/* =========================
   BLOG ROW FIX
========================= */

.blog-row {
    width: 100%;
    display: flex;
    gap: 40px;
    align-items: stretch !important;
}

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

@media (max-width: 768px) {

    .container,
    .cs-container,
    .blog-wrapper,
    .blog-wrapper.urdu {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .blog-row,
    .blog-row.reverse {
        flex-direction: column !important;
        gap: 20px;
    }
}/* End custom CSS */