.elementor-52 .elementor-element.elementor-element-718133e{--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-52 .elementor-element.elementor-element-54c92f1{--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-52 .elementor-element.elementor-element-2b0b9e6{--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-52 .elementor-element.elementor-element-fa86408{--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-52 .elementor-element.elementor-element-f8780a7{--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-eb8762b */.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-c58b919 *//* =====================================================
   CONTACT SECTION COMPLETE UPDATED CSS
   Fixed Icons + Theme Button + Responsive + Clean UI
===================================================== */

/* SECTION */
.appointment{
padding:120px 0;
background:#f7f9fb;
position:relative;
overflow:hidden;
}

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

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

/* ==================================
   LEFT CONTENT
================================== */

.appointment-left h2{
font-size:48px;
font-family:'Poppins',sans-serif;
color:#2F4A6D;
margin-bottom:20px;
line-height:1.3;
}

.appointment-left p{
color:#6E7F95;
line-height:1.9;
margin-bottom:40px;
font-size:16px;
}

/* ==================================
   CONTACT ITEMS
================================== */

.contact-item{
display:flex;
align-items:flex-start;
gap:18px;
margin-bottom:25px;
}

/* ICON FIXED */
.contact-item i{
width:50px;
height:50px;
min-width:50px;
max-width:50px;

background:#1FB5AD;
color:#fff;
border-radius:50%;

display:flex !important;
align-items:center !important;
justify-content:center !important;

font-size:18px;
line-height:1;
overflow:hidden;
flex-shrink:0;

font-family:"Font Awesome 6 Free" !important;
font-weight:900 !important;
font-style:normal !important;
}

.contact-item .fa-brands{
font-family:"Font Awesome 6 Brands" !important;
font-weight:400 !important;
}

.contact-item span{
display:block;
font-size:14px;
color:#6E7F95;
margin-bottom:4px;
}

.contact-item strong{
font-size:16px;
font-weight:600;
color:#1f2937;
line-height:1.7;
}

/* ==================================
   FORM CARD
================================== */

.appointment-form{
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 20px 45px rgba(0,0,0,0.10);
}

/* INPUTS */
form input,
form select,
form textarea{
width:100%;
padding:14px 16px;
border-radius:8px;
border:1px solid #e1e7ef;
margin-bottom:18px;
font-size:15px;
font-family:'Poppins',sans-serif;
outline:none;
background:#fff;
transition:.3s;
}

form input:focus,
form select:focus,
form textarea:focus{
border-color:#1FB5AD;
box-shadow:0 0 0 3px rgba(31,181,173,.10);
}

/* TEXTAREA */
textarea{
min-height:120px;
resize:none;
}

/* ROW */
.form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}

/* ==================================
   BUTTON SAME AS THEME
================================== */

form button{
width:100%;
background:#1b3a57 !important;
color:#fff !important;
border:none;
padding:14px 28px;
border-radius:8px;
cursor:pointer;
font-size:16px;
font-weight:600;
transition:.3s;
}

form button:hover{
background:#163149 !important;
}

form button:active{
transform:scale(.99);
}

/* SUCCESS MESSAGE */
#successMsg{
display:none;
margin-top:15px;
color:#16a34a;
font-size:15px;
font-weight:600;
}

/* ==================================
   TABLET
================================== */

@media(max-width:992px){

.appointment-grid{
grid-template-columns:1fr;
gap:50px;
}

.appointment-left h2{
font-size:38px;
}

}

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

@media(max-width:768px){

.appointment{
padding:80px 0;
}

.appointment-container{
padding:0 16px;
}

.form-row{
grid-template-columns:1fr;
gap:0;
}

.appointment-form{
padding:28px;
border-radius:16px;
}

.appointment-left h2{
font-size:30px;
}

.appointment-left p{
font-size:14px;
margin-bottom:30px;
}

.contact-item{
gap:14px;
margin-bottom:20px;
}

.contact-item i{
width:44px;
height:44px;
min-width:44px;
font-size:16px;
}

.contact-item strong{
font-size:14px;
}

form button{
font-size:15px;
padding:13px 20px;
}

}

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

@media(max-width:480px){

.appointment{
padding:60px 0;
}

.appointment-left h2{
font-size:26px;
}

.appointment-form{
padding:20px;
}

.contact-item i{
width:40px;
height:40px;
min-width:40px;
font-size:15px;
}

form input,
form textarea{
padding:12px 14px;
font-size:14px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bab2459 *//* 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-9d6d6a6 *//* 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 */