/*=====================================
ABOUT SERVICES
=====================================*/

.about-services-section{

background:#f8fbff;

}

.service-card-new{

background:#fff;

border-radius:22px;

overflow:hidden;

transition:.35s;

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

height:100%;

}

.service-card-new:hover{

transform:translateY(-12px);

box-shadow:0 25px 50px rgba(13,110,253,.18);

}

.service-img{

width:100%;

height:220px;

object-fit:cover;

}

.service-icon{

height:220px;

display:flex;

align-items:center;

justify-content:center;

font-size:70px;

background:linear-gradient(135deg,#0d6efd,#5fa8ff);

color:#fff;

}

.service-content{

padding:30px;

}

.service-content h4{

font-weight:700;

margin-bottom:15px;

}

.service-content p{

color:#666;

line-height:1.8;

min-height:80px;

}

.service-info{

display:flex;

justify-content:space-between;

margin-top:20px;

font-weight:600;

color:#0d6efd;

}

.service-info span{

display:flex;

align-items:center;

gap:8px;

}

.service-content .btn{

margin-right:8px;

margin-top:10px;

}

/*=========================================
MISSION VISION
=========================================*/

.mission-vision-section{

background:#ffffff;

}

.mv-card{

background:#fff;

padding:40px 30px;

border-radius:22px;

text-align:center;

height:100%;

transition:.35s;

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

}

.mv-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 55px rgba(13,110,253,.18);

}

.mv-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:25px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:36px;

}

.mv-card h3{

font-weight:700;

margin-bottom:18px;

}

.mv-card p{

line-height:1.9;

color:#666;

}

.value-list{

list-style:none;

padding:0;

margin-top:20px;

text-align:left;

}

.value-list li{

padding:10px 0;

font-weight:600;

}

.value-list i{

color:#16a34a;

margin-right:10px;

}

/*=========================================
LIVE STATISTICS
=========================================*/

.about-statistics{

background:linear-gradient(135deg,#0d6efd,#0a58ca);

color:#fff;

}

.about-statistics .section-title,
.about-statistics .section-description,
.about-statistics .section-badge{

color:#fff;

}

.about-statistics .section-badge{

background:rgba(255,255,255,.15);

}

.stat-card{

background:rgba(255,255,255,.12);

backdrop-filter:blur(10px);

padding:35px 20px;

border-radius:20px;

text-align:center;

transition:.35s;

height:100%;

border:1px solid rgba(255,255,255,.18);

}

.stat-card:hover{

transform:translateY(-10px);

background:rgba(255,255,255,.18);

}

.stat-card i{

font-size:42px;

margin-bottom:20px;

}

.stat-card h2{

font-size:40px;

font-weight:800;

margin-bottom:10px;

color:#fff;

}

.stat-card p{

margin:0;

font-weight:600;

font-size:16px;

}

/*====================================
WHY CHOOSE US
====================================*/

.why-section{

background:#f8fbff;

}

.why-card-new{

background:#fff;

padding:35px 30px;

border-radius:22px;

text-align:center;

height:100%;

transition:.35s;

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

overflow:hidden;

position:relative;

}

.why-card-new:hover{

transform:translateY(-12px);

box-shadow:0 25px 50px rgba(13,110,253,.18);

}

.why-card-new::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:5px;

background:linear-gradient(90deg,#0d6efd,#16a34a);

}

.why-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:25px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,#0d6efd,#5aa6ff);

color:#fff;

font-size:36px;

}

.why-card-new h4{

font-size:22px;

font-weight:700;

margin-bottom:15px;

}

.why-card-new p{

color:#666;

line-height:1.8;

margin:0;

}

/*==================================
FOUNDER
==================================*/

.founder-section{

background:#ffffff;

}

.founder-image{

position:relative;

}

.founder-image img{

width:100%;

border-radius:25px;

box-shadow:0 20px 50px rgba(0,0,0,.12);

}

.experience-badge{

position:absolute;

bottom:25px;

right:25px;

background:#0d6efd;

color:#fff;

padding:18px 28px;

border-radius:15px;

font-weight:700;

box-shadow:0 15px 35px rgba(0,0,0,.18);

}

.social-icons{

display:flex;

gap:15px;

}

.social-icons a{

width:50px;

height:50px;

border-radius:50%;

background:#0d6efd;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:20px;

transition:.3s;

text-decoration:none;

}

.social-icons a:hover{

transform:translateY(-6px);

background:#16a34a;

}

.signature{

font-size:22px;

font-style:italic;

color:#0d6efd;

font-weight:700;

}

/*=====================================
TESTIMONIALS
======================================*/

.testimonial-section{

background:#f8fbff;

}

.testimonial-card{

background:#fff;

padding:30px;

border-radius:20px;

height:100%;

transition:.35s;

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

}

.testimonial-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 50px rgba(13,110,253,.18);

}

.testimonial-top{

display:flex;

align-items:center;

gap:18px;

margin-bottom:20px;

}

.testimonial-top img{

width:70px;

height:70px;

border-radius:50%;

object-fit:cover;

border:4px solid #0d6efd;

}

.rating{

margin-bottom:15px;

font-size:18px;

}

.testimonial-message{

line-height:1.8;

color:#666;

}

/*==================================
FAQ SECTION
==================================*/

.faq-section{

background:#f8fbff;

}

.custom-faq{

max-width:900px;

margin:auto;

}

.custom-faq .accordion-item{

border:none;

border-radius:18px;

overflow:hidden;

margin-bottom:20px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.custom-faq .accordion-button{

background:#fff;

padding:22px;

font-size:18px;

font-weight:700;

color:#222;

box-shadow:none;

}

.custom-faq .accordion-button:not(.collapsed){

background:#0d6efd;

color:#fff;

}

.custom-faq .accordion-button:focus{

box-shadow:none;

}

.custom-faq .accordion-body{

padding:25px;

font-size:16px;

line-height:1.9;

background:#fff;

color:#666;

}