.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Source Sans Pro', sans-serif !important;
}
 
.card-img-top {
    width: 100%;
    height: 15vw;
    min-height: 240px;
    object-fit: cover;
}


.border-top-0 {
    border-top: 0 !important;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius
Defines the radii of the outer border edge.

Widely available across major browsers (Baseline since January 2018)
Learn more

Don't show
: var(--bs-border-radius);
    transition: border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;
}

.form-control2, .mcsite-header {
    border-bottom: 2px solid #2a3646 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}



body {
      font-family: 'Segoe UI', Roboto, sans-serif;
      background-color: #f9fafb;
      color: #333;
    }

    /* Hero Section */
    .author-hero {
      background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
	              

                  url('https://images.unsplash.com/photo-1512820790803-83ca734da794l') center/cover no-repeat;
      color: #fff;
      padding: 120px 0;
    }
    .author-img {
      width: 180px;
      height: 180px;
      object-fit: cover;
      border-radius: 50%;
      border: 5px solid #fff;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    }
	
	  .author-img1 {
    
      box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	  width: 180px;
    height: 180px;
    }

    /* Book Card */
    .book-card {
      border: none;
      border-radius: 12px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .book-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    }

    /* Testimonials */
    .testimonial {
      font-style: italic;
      color: #555;
    }

    /* Social Icons */
    .social-links a {
      color: #2662a6;
      font-size: 1.5rem;
      margin-right: 15px;
      transition: color 0.3s;
    }
    .social-links a:hover {
      color: #0d6efd;
    }
	
	
	.author {
    margin-top: -100px;
    position: relative;
    z-index: 1;
}
.section-padding-btm {
    padding-bottom: 100px;
}



.about-section {
    background-image: url('http://localhost/pepowerworkbook/wp-content/uploads/2025/11/pass-pe-power-exam-now-step-by-step.png');
    background-size: cover;       /* Makes it stretch nicely */
    background-repeat: no-repeat; /* No tiling */
    background-position: center;  /* Centers the image */
    background-attachment: fixed; /* Makes it stay while scrolling (optional) */
}