@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@400;600;700&display=swap");
body {
  font-family: "Alexandria";
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
:root {
  --text-primary-color: #4f46e5;
  --text-secondary-color: #00a693;
}

/* Hero section */

.hero-bg{
  background-image:url("https://images.unsplash.com/photo-1523580846011-d3a5bc25702b?q=80&w=1600");
  background-size:cover;
  background-position:center;
  min-height:420px;
  position:relative;
}

.hero-overlay{
  background:rgba(0,0,0,0.45);
  position:absolute;
  inset:0;
}

.hero-btn{
  background:#6f42c1;
  color:#fff;
  border-radius:30px;
  padding:10px 28px;
  font-weight:600;
}

.hero-btn:hover{
  background:#5a32a3;
  color:#fff;
}


/* Big Cards */
/* Card */
.feature-card{
background:#ffffff;
padding:30px;
border-radius:16px;
border:1px solid #e5e7eb;
height:100%;
transition:all .3s ease;
text-align:left;
}

/* Hover */
.feature-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.08);
border-color:#6366f1;
}

/* Icon */
.feature-icon{
width:50px;
height:50px;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
margin-bottom:16px;
}

/* Icon Colors */
.blue{background:#e0e7ff;color:#4f46e5;}
.green{background:#dcfce7;color:#16a34a;}
.purple{background:#f3e8ff;color:#9333ea;}
.orange{background:#ffedd5;color:#ea580c;}
.indigo{background:#e0e7ff;color:#6366f1;}
.yellow{background:#fef9c3;color:#ca8a04;}

/* Title */
.feature-card h5{
font-weight:600;
margin-bottom:10px;
}

/* Text */
.feature-card p{
color:#6b7280;
font-size:14px;
margin:0;
}

/* subjects card phy,chem,bio */

/* Card */
.work-card{
background:white;
border-radius:28px;
padding:20px 20px 28px;
border:1px solid #ececec;
text-align:center;
transition:0.3s;
}

/* Hover */
.work-card:hover{
transform:translateY(-6px);
box-shadow:0 12px 25px rgba(0,0,0,0.08);
}

/* Image Wrapper */
.work-img-wrapper{
position:relative;
}

/* Image */
.work-img{
width:100%;
height:230px;
object-fit:cover;
border-radius:24px;
}

/* Icon Badge */
.icon-badge{
position:absolute;
background:white;
width:56px;
height:56px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* Card 1 icon */
.icon-search{
bottom:-18px;
right:-10px;
}

/* Card 2 icon */
.icon-book{
top:-20px;
left:-10px;
}

/* Card 3 icon */
.icon-plane{
bottom:-18px;
left:-10px;
}

/* Title */
.work-card h6{
font-size:18px;
}

/* Description */
.work-card p{
font-size:14px;
max-width:260px;
margin:auto;
}

/* FAQ-SECTION */
.faq-accordion .accordion-item{
  border:1px solid #e5e7eb;
  border-radius:10px;
  margin-bottom:12px;
  overflow:hidden;
}

.faq-accordion .accordion-button{
  font-weight:600;
  background:#fff;
  box-shadow:none;
}

.faq-accordion .accordion-button:not(.collapsed){
  color:#000;
  background:#f9fafb;
}

.faq-accordion .accordion-body{
  color:#6b7280;
  font-size:15px;
  line-height:1.6;
}


/* Practice & Mock Test Cards*/
/* Wrapper */
.practice-wrapper{
background:linear-gradient(135deg,#c4b5fd,#dbeafe);
border-radius:20px;
padding:40px;
}

/* Cards */
.practice-card{
background:white;
border-radius:16px;
padding:35px;
height:100%;
border:1px solid #e5e7eb;
transition:all .3s ease;
}

/* Hover */
.practice-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

/* Icons */
.practice-icon{
width:60px;
height:60px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
margin:0 auto 20px;
}

/* Icon colors */
.practice-icon.blue{
background:linear-gradient(135deg,#6366f1,#8b5cf6);
color:white;
}

.practice-icon.green{
background:linear-gradient(135deg,#22c55e,#16a34a);
color:white;
}

/* Titles */
.practice-card h4{
font-weight:600;
margin-bottom:12px;
}

/* Text */
.practice-card p{
font-size:14px;
color:#6b7280;
}

/* List */
.practice-card ul{
list-style:none;
padding:0;
margin:20px 0;
}

.practice-card li{
margin-bottom:6px;
font-size:14px;
}

/* Button */
.mock-btn{
display:inline-block;
background:#22c55e;
color:white;
padding:10px 24px;
border-radius:10px;
text-decoration:none;
font-weight:600;
transition:.2s;
}

.mock-btn:hover{
background:#16a34a;
color:white;
}