/* ==================================
   ABOUT INTRO
================================== */

.about-intro{padding:50px 0;background:#fff;}
.intro-wrapper{display:flex;align-items:center;gap:70px;}
.intro-text{flex:1;}
.intro-text h2{font-size:36px;color:#4251A2;line-height:1.2;margin-bottom:25px;  font-weight:800;}
.intro-text p{color:#555;font-size:18px;line-height:1.9;margin-bottom:18px;}
.intro-image{flex:1;text-align:center;}
.intro-image img{width:100%;max-width:600px; border-radius:20px;}

/* ==================================
   STORY SECTION
================================== */

.about-story{background:url("../../imgs/about-background.jpg") center center/cover no-repeat fixed;padding:0px;}
.story-row{display:flex;}
.right-card{justify-content:flex-end;}
.left-card{justify-content:flex-start;}
.story-card{width:50%;background:#fff;padding:45px;box-shadow:0 10px 30px rgba(0,0,0,.08);}
.story-title{display:flex;align-items:center;gap:20px;margin-bottom:25px;}
.story-title i{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#4251A2,#C066A4);color:#fff;font-size:22px;}
.story-title span{color:#4251A2;font-size:32px;font-weight:700;}
.story-card p{color:#555;line-height:1.9;font-size:17px;}

/* ==================================
   FUN FACTS
================================== */

.fun-facts{padding:50px 0;background:#f8f9ff;}
.fun-facts h2{text-align:center;color:#4251A2;font-size:36px;margin-bottom:30px;  font-weight:800;}
.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.fact-box{background:#fff;padding:40px 20px 28px;text-align:center;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.08);}
.fact-box h3{font-size:36px;margin-bottom:10px;background: var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.fact-box p{color:#666;font-weight:600;}
/* ==================================
   WHY CHOOSE US
================================== */
.focus-areas{padding:120px 0;background:#ffffff;}
.section-header{text-align:center;max-width:850px;margin:0 auto 70px;}
.section-header span{display:inline-block;color:#C066A4;font-weight:700;letter-spacing:2px;margin-bottom:15px;}
.section-header h2{font-size:54px;color:#2d2f7f;margin-bottom:20px;font-weight:800;}
.section-header p{font-size:18px;color:#666;line-height:1.8;}

/* ==========================
   WRAPPER
========================== */

.focus-wrapper{display:flex;gap:80px;align-items:flex-start;}

/* ==========================
   IMAGE
========================== */

.focus-image{flex:1;position:relative;}

.focus-image img{width:100%;border-radius:20px;display:block;}

/* ==========================
   TIMELINE
========================== */

.focus-content{flex:1;position:relative;}
.focus-content::before{content:"";position:absolute;left:35px;top:0;bottom:0;width:2px;background:#e5e5e5;}
.focus-item{position:relative;display:flex;gap:25px;margin-bottom:50px;}
.focus-icon{width:70px;height:70px;min-width:70px;border-radius:50%;background:linear-gradient(135deg,#4251A2,#C066A4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;position:relative;z-index:2;}


.focus-text p{color :#555;line-height:1.9;font-size:17px;}
.focus-text h3{font-size:24px;color:#4251A2;margin-bottom:10px;}
.focus-areas h2{font-size:36px;color:#4251A2;line-height:1.2;margin-bottom:25px;}

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

@media(max-width:991px){.focus-wrapper{flex-direction:column;}.section-header h2{font-size:40px;}}

@media(max-width:768px){.focus-areas{padding:80px 0;}.focus-item{gap:15px;}.focus-icon{width:55px;height:55px;min-width:55px;font-size:20px;}.focus-content::before{left:27px;}.focus-text h3{font-size:22px;}}
/* ==================================
   CTA
================================== */

.about-cta{background:linear-gradient(135deg,#4251A2,#C066A4);text-align:center;color:#fff;padding:100px 20px;}
.about-cta h2{font-size:36px;margin-bottom:20px;color:#fff;}
.about-cta p{max-width:800px;margin:auto;line-height:1.8;font-size:18px;}

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

@media(max-width:991px){.intro-wrapper{flex-direction:column-reverse;text-align:center;}.story-card{width:80%;}.facts-grid,.choose-grid{grid-template-columns:repeat(2,1fr);}.hero-content h1{font-size:36px;}}

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

@media(max-width:768px){.about-hero{height:55vh;}.hero-content h1{font-size:36px;}.hero-content p{font-size:16px;}.intro-text h2{font-size:32px;}.story-row{justify-content:center !important;}.story-card{width:100%;padding:30px;}.story-title{gap:15px;}.story-title span{font-size:24px;}.story-title i{width:50px;height:50px;font-size:18px;}.facts-grid,.choose-grid{grid-template-columns:1fr;}.fun-facts h2,.why-choose-us h2,.about-cta h2{font-size:30px;}}