
/* .mental-section{
background:#f4f4f4;
text-align:center;
position:relative;
} */

.mental-section{
    background-image: url('../img/banner/bg-main-hero.png');
    background-size: cover;       /* makes image cover entire section */
    background-position: center;  /* center the image */
    background-repeat: no-repeat; /* prevents repeating */
    padding: 80px 0;
    text-align: center;
    position: relative;
}

.mental-heading h1{
font-size:42px;
font-weight:700;
margin-bottom:10px;
}

.mental-heading p{
font-size:20px;
color:#555;
}

.line{
display:block;
width:80px;
height:3px;
background:#f4b400;
margin:15px auto 40px;
}

/* Slider */

.slider-wrapper{
position:relative;
display:flex;
align-items:center;
}

.card-slider{
display:flex;
gap:20px;
overflow-x:auto;
scroll-behavior:smooth;
padding:10px;
}

.card-slider::-webkit-scrollbar{
display:none;
}

/* Card */

.mental-card{
min-width:190px;
background:#fff;
border-radius:14px;
/* box-shadow:0 8px 20px rgba(0,0,0,0.1); */
overflow:hidden;
transition:0.3s;
}

.mental-card:hover{
transform:translateY(-5px);
}

.mental-card img{
width:100%;
height:120px;
object-fit:cover;
}

.card-content{
display:flex;
justify-content:space-between;
padding:15px;
font-weight:600;
}

/* Navigation */

.nav-btn{
position:absolute;
top:40%;
transform:translateY(-50%);
background:#fff;
border:none;
width:40px;
height:40px;
border-radius:50%;
box-shadow:0 3px 10px rgba(0,0,0,0.15);
cursor:pointer;
font-size:18px;
}

.left{
left:-10px;
}

.right{
right:-10px;
}

/* Button */

.btn-area{
margin-top:40px;
}

.appoint-btn{
background:#f4b400;
color:#000;
padding:14px 30px;
border-radius:8px;
text-decoration:none;
font-weight:600;
display:inline-block;
}


/* Our providers */

.providers-section{
background:#f4f4f4;
/* text-align:center; */
position:relative;
}

.providers-grid{
display:flex;
gap:50px;
align-items:flex-start;
}

/* LEFT SIDE */

.providers-info{
width:35%;
}

.providers-info h2{
font-size:36px;
margin-bottom:15px;
}

.providers-info p{
color:#555;
margin-bottom:20px;
}

.provider-list{
list-style:none;
padding:0;
}

.provider-list li{
margin-bottom:14px;
padding-left:28px;
position:relative;
}

.provider-list li::before{
content:"✔";
position:absolute;
left:0;
color:#4caf50;
}

.provider-btn{
display:inline-block;
margin-top:20px;
padding:12px 25px;
border:2px solid #6a4fa3;
border-radius:8px;
text-decoration:none;
color:#6a4fa3;
font-weight:600;
}

/* RIGHT SIDE */

.provider-slider-wrapper{
width:65%;
position:relative;
}

.provider-slider{
display:flex;
gap:25px;
overflow-x:auto;
scroll-behavior:smooth;
}

.provider-slider::-webkit-scrollbar{
display:none;
}

/* CARD */

.provider-card{
min-width:280px;
}

.provider-card img{
width:100%;
height:290px;
object-fit:cover;
border-radius:12px;
margin-bottom:15px;
}

.provider-card h4{
margin:0 0 10px;
}

.provider-card p{
font-size:14px;
color:#555;
}

/* ARROWS */

.provider-arrows{
margin-top:20px;
display:flex;
gap:15px;
justify-content:flex-end;
}

.provider-arrows button{
width:45px;
height:45px;
border-radius:50%;
border:1px solid #ccc;
background:#fff;
cursor:pointer;
font-size:18px;
}

/* FAQs */

.success-section{
background:#f4f4f4;
/* text-align:center; */
position:relative;
}

.success-header h2{
font-size:36px;
margin-bottom:10px;
}

.success-header p{
color:#555;
margin-bottom:20px;
}

.google-rating{
display:flex;
align-items:center;
gap:10px;
margin-bottom:40px;
}

.google-rating img{
height:22px;
}

.stars{
color:#f4b400;
font-size:18px;
}

/* slider */

.review-wrapper{
position:relative;
}

.review-slider{
display:flex;
gap:20px;
overflow-x:auto;
scroll-behavior:smooth;
}

.review-slider::-webkit-scrollbar{
display:none;
}

/* card */

.review-card{
background:#fff;
border-radius:12px;
padding:20px;
min-width:280px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

.review-top{
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
}

.avatar{
width:40px;
height:40px;
background:#7b5b4b;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-weight:bold;
}

.avatar.pink{
background:#c2185b;
}

.avatar.orange{
background:#d84315;
}

.user-img{
width:40px;
height:40px;
border-radius:50%;
}

.review-card h4{
margin:0;
font-size:15px;
}

.review-card span{
font-size:12px;
color:#777;
}

.review-card p{
margin:10px 0;
font-size:14px;
color:#333;
}

.review-card a{
font-size:13px;
color:#0077cc;
text-decoration:none;
}

/* arrows */

.review-btn{
position:absolute;
top:45%;
transform:translateY(-50%);
background:#fff;
border:none;
width:40px;
height:40px;
border-radius:50%;
box-shadow:0 3px 10px rgba(0,0,0,0.2);
cursor:pointer;
}

.review-btn.left{
left:-20px;
}

.review-btn.right{
right:-20px;
}

/*  blog header */

.blog-section{
background:#f4f4f4;
text-align:center;
position:relative;
padding: 60px 0px ;
}

.blog-title{
font-size:64px;
font-weight:700;
margin-bottom:40px;
}

/* CATEGORY BUTTONS */

.blog-categories{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
max-width:800px;
margin:auto;
}

.cat-btn{
padding:10px 20px;
border:1px solid #333;
background:#fff;
border-radius:8px;
cursor:pointer;
font-size:15px;
transition:0.3s;
}

.cat-btn:hover{
background:#111;
color:#fff;
}

.cat-btn.active{
background:#111;
color:#fff;
}

/* Divider */

.blog-divider{
width:70px;
height:4px;
background:#f4b400;
margin:50px auto 30px;
border-radius:2px;
}

/* Recent Title */

.recent-title{
font-size:40px;
font-weight:600;
}
