/*==================================================
ABOUT PAGE
Bareilly Taxi Premium
Version : 1.0
==================================================*/

/*=========================================
ABOUT HERO
=========================================*/

.bt-about-hero{

padding:100px 0;

background:linear-gradient(135deg,#F8FAFC,#EEF5FF);

overflow:hidden;

position:relative;

}

.bt-about-hero::before{

content:"";

position:absolute;

right:-120px;

top:-120px;

width:420px;

height:420px;

background:rgba(11,94,215,.05);

border-radius:50%;

}

.bt-about-hero-grid{

display:grid;

grid-template-columns:1.1fr 1fr;

align-items:center;

gap:70px;

position:relative;

z-index:2;

}

.bt-about-badge{

display:inline-block;

padding:10px 24px;

background:#0B5ED7;

color:#fff;

border-radius:40px;

font-size:14px;

font-weight:700;

margin-bottom:25px;

}

.bt-about-content h1{

font-size:56px;

line-height:1.15;

font-weight:800;

color:#111827;

margin-bottom:25px;

}

.bt-about-content p{

font-size:18px;

line-height:32px;

color:#64748B;

margin-bottom:35px;

}

.bt-about-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}

.bt-about-image{

text-align:right;

}

.bt-about-image img{

width:100%;

max-width:560px;

border-radius:22px;

box-shadow:0 30px 70px rgba(0,0,0,.12);

}

/*=========================================
COMPANY
=========================================*/

.bt-company{

padding:100px 0;

background:#fff;

}

.bt-company-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.bt-company-image img{

width:100%;

border-radius:22px;

box-shadow:0 25px 60px rgba(0,0,0,.10);

}

.bt-company-content h2{

font-size:42px;

font-weight:800;

margin-bottom:20px;

color:#111827;

}

.bt-company-content p{

font-size:17px;

line-height:32px;

margin-bottom:20px;

color:#64748B;

}

.bt-company-features{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin-top:35px;

}

.bt-feature{

background:#F8FAFC;

padding:18px 20px;

border-radius:14px;

font-weight:700;

transition:.35s;

}

.bt-feature:hover{

background:#0B5ED7;

color:#fff;

transform:translateY(-4px);

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

.bt-about-why{

padding:100px 0;

background:#F8FAFC;

}

.bt-why-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin-top:60px;

}

.bt-why-card{

background:#fff;

padding:40px 30px;

border-radius:20px;

text-align:center;

box-shadow:0 18px 45px rgba(0,0,0,.08);

transition:.35s;

}

.bt-why-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.bt-why-icon{

width:80px;

height:80px;

margin:0 auto 25px;

border-radius:50%;

background:#0B5ED7;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

color:#fff;

}

.bt-why-card h3{

font-size:22px;

font-weight:700;

margin-bottom:15px;

color:#111827;

}

.bt-why-card p{

font-size:16px;

line-height:28px;

color:#64748B;

}

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

.bt-mission{

padding:100px 0;

background:#fff;

}

.bt-mission-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:35px;

}

.bt-mission-card{

background:#F8FAFC;

padding:45px;

border-radius:22px;

text-align:center;

transition:.35s;

box-shadow:0 18px 45px rgba(0,0,0,.05);

}

.bt-mission-card:hover{

transform:translateY(-8px);

}

.bt-mission-card img{

width:90px;

margin:0 auto 25px;

}

.bt-mission-card h3{

font-size:28px;

margin-bottom:18px;

color:#111827;

}

.bt-mission-card p{

font-size:17px;

line-height:30px;

color:#64748B;

}

/*==================================================
COMPANY STATS
==================================================*/

.bt-company-stats{

padding:100px 0;

background:linear-gradient(135deg,#0B5ED7,#003C8F);

}

.bt-stats-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

}

.bt-stat-card{

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

padding:40px;

border-radius:20px;

text-align:center;

backdrop-filter:blur(8px);

transition:.35s;

}

.bt-stat-card:hover{

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

transform:translateY(-6px);

}

.bt-stat-card h2{

font-size:52px;

font-weight:800;

color:#FFC107;

margin-bottom:10px;

}

.bt-stat-card p{

color:#fff;

font-size:18px;

margin:0;

}

/*==================================================
DRIVERS
==================================================*/

.bt-drivers{

padding:100px 0;

background:#fff;

}

.bt-driver-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.bt-driver-image img{

width:100%;

border-radius:22px;

box-shadow:0 20px 60px rgba(0,0,0,.10);

}

.bt-driver-content h2{

font-size:42px;

margin-bottom:20px;

}

.bt-driver-content p{

font-size:17px;

line-height:30px;

margin-bottom:25px;

}

.bt-driver-list{

list-style:none;

padding:0;

margin:0 0 35px;

}

.bt-driver-list li{

padding:12px 0;

font-size:17px;

font-weight:600;

border-bottom:1px solid #E5E7EB;

}

/*==================================================
SAFETY
==================================================*/

.bt-safety{

padding:100px 0;

background:#F8FAFC;

}

.bt-safety-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin-top:60px;

}

.bt-safety-card{

background:#fff;

padding:35px;

border-radius:20px;

text-align:center;

transition:.35s;

box-shadow:0 18px 45px rgba(0,0,0,.08);

}

.bt-safety-card:hover{

transform:translateY(-8px);

}

.bt-safety-icon{

width:75px;

height:75px;

margin:0 auto 20px;

border-radius:50%;

background:#FFC107;

display:flex;

align-items:center;

justify-content:center;

font-size:32px;

}

.bt-safety-card h3{

font-size:22px;

margin-bottom:15px;

}

.bt-safety-card p{

font-size:16px;

line-height:28px;

}
/*==================================================
OUR PROMISE
==================================================*/

.bt-promise{

padding:100px 0;

background:#fff;

}

.bt-promise-box{

max-width:950px;

margin:auto;

text-align:center;

background:linear-gradient(135deg,#0B5ED7,#003C8F);

padding:70px 60px;

border-radius:24px;

color:#fff;

box-shadow:0 30px 80px rgba(11,94,215,.25);

}

.bt-promise-box h2{

font-size:42px;

font-weight:800;

margin-bottom:20px;

color:#fff;

}

.bt-promise-box p{

font-size:18px;

line-height:32px;

color:rgba(255,255,255,.92);

margin-bottom:35px;

}

.bt-promise-buttons{

display:flex;

justify-content:center;

gap:18px;

flex-wrap:wrap;

}

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

.bt-about-testimonials{

padding:100px 0;

background:#F8FAFC;

}

.bt-review-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:60px;

}

.bt-review-card{

background:#fff;

padding:35px;

border-radius:20px;

box-shadow:0 18px 45px rgba(0,0,0,.08);

transition:.35s;

}

.bt-review-card:hover{

transform:translateY(-8px);

}

.bt-review-stars{

font-size:24px;

color:#FFC107;

margin-bottom:20px;

}

.bt-review-card p{

line-height:30px;

margin-bottom:20px;

}

.bt-review-card h4{

margin-bottom:5px;

font-size:20px;

}

.bt-review-card span{

font-size:15px;

color:#64748B;

}

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

.bt-about-faq{

padding:100px 0;

background:#fff;

}

.bt-faq-list{

max-width:900px;

margin:60px auto 0;

}

.bt-faq-item{

background:#F8FAFC;

padding:28px 35px;

border-radius:18px;

margin-bottom:20px;

transition:.35s;

}

.bt-faq-item:hover{

background:#EEF5FF;

}

.bt-faq-item h3{

font-size:22px;

margin-bottom:15px;

color:#111827;

}

.bt-faq-item p{

line-height:30px;

margin:0;

}

/*==================================================
SEO CONTENT
==================================================*/

.bt-about-seo{

padding:100px 0;

background:#F8FAFC;

}

.bt-about-seo h2{

text-align:center;

margin-bottom:25px;

}

.bt-about-seo p{

max-width:1000px;

margin:0 auto 25px;

text-align:center;

font-size:17px;

line-height:32px;

}

/*==================================================
FINAL CTA
==================================================*/

.bt-about-final-cta{

padding:100px 0;

background:#fff;

}

.bt-final-box{

background:linear-gradient(135deg,#0B5ED7,#003C8F);

padding:70px 50px;

border-radius:24px;

text-align:center;

color:#fff;

box-shadow:0 30px 80px rgba(11,94,215,.25);

}

.bt-final-box h2{

font-size:42px;

color:#fff;

margin-bottom:20px;

}

.bt-final-box p{

font-size:18px;

color:rgba(255,255,255,.92);

margin-bottom:35px;

}

.bt-final-buttons{

display:flex;

justify-content:center;

gap:18px;

flex-wrap:wrap;

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px){

.bt-about-hero-grid,
.bt-company-grid,
.bt-driver-grid,
.bt-mission-grid{

grid-template-columns:1fr;

gap:40px;

}

.bt-why-grid,
.bt-safety-grid,
.bt-review-grid,
.bt-stats-grid{

grid-template-columns:repeat(2,1fr);

}

.bt-company-features{

grid-template-columns:1fr 1fr;

}

.bt-about-image,
.bt-company-image,
.bt-driver-image{

text-align:center;

}

}

@media(max-width:767px){

.bt-about-hero,
.bt-company,
.bt-about-why,
.bt-mission,
.bt-company-stats,
.bt-drivers,
.bt-safety,
.bt-promise,
.bt-about-testimonials,
.bt-about-faq,
.bt-about-seo,
.bt-about-final-cta{

padding:70px 0;

}

.bt-about-content h1{

font-size:34px;

}

.bt-company-content h2,
.bt-driver-content h2,
.bt-promise-box h2,
.bt-final-box h2{

font-size:30px;

}

.bt-why-grid,
.bt-safety-grid,
.bt-review-grid,
.bt-stats-grid,
.bt-company-features{

grid-template-columns:1fr;

}

.bt-promise-box,
.bt-final-box{

padding:40px 25px;

}

.bt-about-buttons,
.bt-promise-buttons,
.bt-final-buttons{

flex-direction:column;

}

.bt-about-buttons .bt-btn,
.bt-promise-buttons .bt-btn,
.bt-final-buttons .bt-btn{

width:100%;

}

.bt-mission-card{

padding:30px;

}

}

/*==================================================
ANIMATIONS
==================================================*/

.bt-why-card,
.bt-safety-card,
.bt-review-card,
.bt-stat-card,
.bt-mission-card,
.bt-feature{

transition:all .35s ease;

}

.bt-about-hero img,
.bt-company img,
.bt-driver-image img{

transition:.5s;

}

.bt-about-hero img:hover,
.bt-company img:hover,
.bt-driver-image img:hover{

transform:scale(1.03);

}/*=========================================
Reveal Animation
=========================================*/

.bt-why-card,
.bt-mission-card,
.bt-stat-card,
.bt-safety-card,
.bt-review-card,
.bt-driver-image,
.bt-driver-content{

opacity:0;

transform:translateY(40px);

transition:.8s ease;

}

.bt-visible{

opacity:1 !important;

transform:translateY(0) !important;

}