.elementor-1486 .elementor-element.elementor-element-1715483{--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-1486 .elementor-element.elementor-element-6df5196{--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-1486 .elementor-element.elementor-element-f2bf548{--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-1486 .elementor-element.elementor-element-fdd5d95{--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-6c14dbb */.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-5d84a4a *//* URDU FONT LOAD */
@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu&display=swap');


/* SECTION */

.appointment{

padding:120px 0;

background:#f7f9fb;

position:relative;

/* Urdu support */

font-family:'Noto Nastaliq Urdu', serif !important;

direction:rtl;

text-align:right;

}

/* CONTAINER */

.appointment-container{

max-width:1200px;

margin:auto;

padding:0 20px;

}

/* GRID */

.appointment-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

/* LEFT */

.appointment-left h2{

font-size:48px;

font-family:'Noto Nastaliq Urdu', serif !important;

color:#2F4A6D;

margin-bottom:20px;

}

.appointment-left p{

color:#6E7F95;

line-height:2;

margin-bottom:40px;

font-family:'Noto Nastaliq Urdu', serif !important;

}

/* CONTACT */

.contact-item{

display:flex;

align-items:flex-start;

gap:18px;

margin-bottom:25px;

}

.contact-item i{

width:50px;

height:50px;

background:#1FB5AD;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:18px;

}

/* FORM */

.appointment-form{

background:#fff;

padding:40px;

border-radius:20px;

box-shadow:0 20px 45px rgba(0,0,0,0.1);

}

/* INPUTS */

form input,
form select,
form textarea{

width:100%;

padding:14px;

border-radius:8px;

border:1px solid #e1e7ef;

margin-bottom:18px;

font-family:'Noto Nastaliq Urdu', serif !important;

text-align:right;

}

/* TEXTAREA */

textarea{

min-height:120px;

resize:none;

}

/* ROW */

.form-row{

display:grid;

grid-template-columns:1fr 1fr;

gap:18px;

}

/* BUTTON */

form button{

background:#334F73;

color:#fff;

border:none;

padding:14px 26px;

border-radius:8px;

font-size:15px;

cursor:pointer;

transition:.3s;

font-family:'Noto Nastaliq Urdu', serif !important;

}

form button:hover{

background:#1FB5AD;

}

/* MOBILE */

@media(max-width:768px){

.appointment-grid{

grid-template-columns:1fr;

gap:50px;

}

.form-row{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5e3af5 *//* MAP SECTION */

.map-section{
padding:10px 0;
background:#f7f9fb;
}

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

.map-container iframe{

width:100%;
height:450px;

border:none;

border-radius:20px;

box-shadow:
0 20px 45px rgba(0,0,0,0.12);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-309741e *//* FAQ SECTION */

.faq{
padding:110px 0;
background:#ffffff;
}

.faq-container{
max-width:1100px;
margin:auto;
padding:0 20px;
}

/* TITLE */

.faq-title{
text-align:center;
margin-bottom:60px;
}

.faq-title h2{
font-size:42px;
font-family:'Poppins',sans-serif;
color:#2F4A6D;
margin-bottom:10px;
}

.faq-title p{
color:#7A8CA5;
max-width:600px;
margin:auto;
}

/* ITEM */

.faq-item{
border-bottom:1px solid #e2e7ef;
padding:28px 0;
}

/* QUESTION */

.faq-question{
display:flex;
justify-content:space-between;
align-items:center;
font-size:22px;
font-weight:600;
color:#2F4A6D;
cursor:pointer;
}

/* ICON */

.faq-icon{
font-size:28px;
color:#2F4A6D;
}

/* ANSWER */

.faq-answer{
margin-top:15px;
color:#6E7F95;
line-height:1.7;
max-width:900px;
display:none;
}

/* ACTIVE */

.faq-item.active .faq-answer{
display:block;
}

.faq-item.active .faq-icon{
content:"−";
}/* End custom CSS */