:root {
   --matte-red: #3d3d85;
   --dark-red: #D52B1E;
   --accent-grad: linear-gradient(-135deg, #B5291F 0%, #D52B1E 50%, #440811 100%);
   --soft-white: #FAFAFA;
   --muted: #6C757D;
   --card-radius: 14px;
   --site-max: 1200px;
 }

 /* Base */
 * {
   box-sizing: border-box;
 }

 /* Poppins Font Face */
 @font-face {
   font-family: 'Poppins';
   src: url('fonts/Poppins/Poppins-Regular.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Poppins';
   src: url('fonts/Poppins/Poppins-Medium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Poppins';
   src: url('fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Poppins';
   src: url('fonts/Poppins/Poppins-Bold.ttf') format('truetype');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Poppins';
   src: url('fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');
   font-weight: 800;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Poppins';
   src: url('fonts/Poppins/Poppins-Black.ttf') format('truetype');
   font-weight: 900;
   font-style: normal;
   font-display: swap;
 }

 p {
   line-height: 1.3 !important;
 }

 body {
   font-family: 'Poppins', sans-serif;
   color: #111;
   margin: 0;
   background: var(--soft-white);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 a {
   text-decoration: none;
   color: inherit;
 }

 img {
   max-width: 100%;
   display: block;
 }

 /* Top bar */
 .top-bar {
   background: linear-gradient(135deg, #60b2c2, #3a307f);
   color: #fff;
   font-size: .9rem;
   padding: 8px 0;
 }

 .top-bar a {
   color: rgba(255, 255, 255, 0.95);
   margin-right: 18px;
   display: inline-block;
   text-decoration: none;
 }

 .top-bar .container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 12px;
   flex-wrap: wrap;
 }

 /* Navbar */
 .main-navbar {
   background: #fff;
   box-shadow: 0 6px 20px rgba(20, 20, 20, 0.06);
   padding: 14px 0;
   position: sticky;
   top: 0;
   z-index: 1000;
 }

 .navbar-brand {
   display: flex;
   align-items: center;
   gap: 12px;
   font-weight: 800;
   color: #1A1A1A;
 }

 .logo-icon {
   padding: 10px;
   font-size: 18px;
   border-radius: 10px;
   background: var(--accent-grad);
   box-shadow: 0 6px 18px rgba(139, 38, 53, 0.25);
   color: #fff;
   font-weight: 800;
 }

 .navbar .nav-link {
   color: #333;
   font-weight: 600;
   margin-left: 6px;
   margin-right: 6px;
 }

 .btn-quote {
   background: linear-gradient(135deg, #60b2c2, #3a307f);
   /* background: var(--accent-grad); */
   color: #fff !important;
   border: none;
   padding: 10px 22px;
   border-radius: 26px;
   font-weight: 700;
   box-shadow: 0 8px 22px rgba(139, 38, 53, 0.18);
   transition: transform .18s ease, box-shadow .18s ease;
 }

 .btn-quote:hover {
   transform: translateY(-3px);
   box-shadow: 0 14px 32px rgba(139, 38, 53, 0.25);
 }

 /* Section spacing consistent but preserves original structure */
 section {
   padding: 80px 0;
   position: relative;
 }

 .container {
   max-width: var(--site-max);
   margin: 0 auto;
   padding: 0 18px;
 }

 /* ===== HERO ===== */
 .hero-video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: -2;
 }

 .hero-section {
   min-height: calc(100vh - 110px);
   display: flex;
   align-items: center;
   position: relative;
   color: #fff;

 }

 .gurantee-heading {
   color: #675757;
   font-weight: 700;
   transform: translateZ(15px);
   transition: transform 0.3s ease;
 }

 .hero-video {

   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   /* z-index: 6; */
 }

 .hero-overlay {
   opacity: 0.92;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(155deg, rgb(0 0 0) 12%, rgb(0 0 0) 31%, rgb(2 20 60) 52%, rgb(40 39 48) 80%);
   /* z-index: -1; */
 }

 /* .hero-overlay{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(11,11,11,0.55), rgba(11,11,11,0.45)); mix-blend-mode:multiply; } */
 .hero-content {
   position: relative;
   z-index: 2;
 }

 .subtitle {
   color: #FFCFCF;
   font-weight: 800;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-size: .95rem;
   margin-bottom: 10px;
   display: inline-block;
 }

 .main-title {
   font-size: 3.6rem;
   line-height: 1.05;
   font-weight: 900;
   margin-bottom: 18px;
   text-shadow: 0 6px 30px rgba(0, 0, 0, 0.35);
 }

 .description {
   color: #F0EDED;
   font-size: 1.15rem;
   margin-bottom: 22px;
   max-width: 70ch;
 }

 .hero-ctas .btn {
   margin-right: 12px;
   margin-bottom: 8px;
   /* border: 1px solid; */
   background: linear-gradient(135deg, #60b2c2, #3a307f);
   /* background: var(--accent-grad); */
   display: inline-block;
   padding: 12px 28px;
   /* background: linear-gradient(135deg, #60b2c2, #3a307f); */
   color: #fff;
   font-weight: 600;
   border-radius: 30px;
   text-decoration: none;
   transition: 0.3s;
 }

 /* small book visuals (kept from your layout) */
 .books-container {
   position: relative;
   min-height: 380px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 18px;
 }

 .book {
   width: 220px;
   height: 300px;
   border-radius: 12px;
   box-shadow: 0 24px 40px rgba(0, 0, 0, 0.28);
   overflow: hidden;
   transform-origin: center;
   transition: transform .28s ease;
 }

 .book:hover {
   transform: translateY(-12px) rotate(-2deg);
 }

 .book-red {
   background: linear-gradient(135deg, var(--matte-red), #B44B56);
   color: #fff;
   padding: 20px;
 }

 .book-black {
   background: linear-gradient(135deg, #222, #3a3a3a);
   color: #fff;
   padding: 20px;
   transform: rotate(-6deg);
 }

 .quality-badge {
   position: absolute;
   right: -15px;
   top: -43px;
   width: 120px;
   height: 120px;
   border-radius: 60px;
   background: linear-gradient(135deg, #60b2c2, #3a307f);
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   box-shadow: 0 16px 40px rgba(139, 38, 53, 0.32);
   font-weight: 800;
 }

 /* ===== PARTNERS (keeps same markup) ===== */
 .partners-section {
   color: white;
   width: 100%;
   padding: 0 18px;
   background: #000000;
   padding: 40px 0;
 }

 .partners-logos {
   display: flex;
   gap: 20px;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
 }

 .partner-logo {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 10px 16px;
   transition: transform .18s ease, box-shadow .18s ease;
   border-radius: 10px;
 }

 .partner-logo:hover {
   transform: translateY(-6px);
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
   background: linear-gradient(180deg, rgba(245, 245, 245, 0.6), rgba(245, 245, 245, 0.9));
 }


 .guarantee-section::before {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.85));
 }

 .guarantee-card {
   background: #fff;
   padding: 26px;
   border-radius: 18px;
   box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
   text-align: center;
   height: 100%;
   transform-style: preserve-3d;
   transform: perspective(1000px);
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
 }

 .guarantee-card::before {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(125deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.2), transparent);
   opacity: 0;
   transition: opacity 0.3s ease;
 }

 .guarantee-card:hover::before {
   opacity: 1;
 }

 .guarantee-card .guarantee-icon {
   transform: translateZ(20px);
   transition: transform 0.3s ease;
 }

 .guarantee-card h4 {
   transform: translateZ(15px);
   transition: transform 0.3s ease;
   font-size: 16px;
 }

 .guarantee-card p {
   padding-top: 8px;
   font-size: 12px;
   transform: translateZ(10px);
   transition: transform 0.3s ease;
 }

 .guarantee-icon {
   width: 84px;
   height: 84px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 16px;
   color: #fff;
   background: linear-gradient(135deg, #60b2c2, #3a307f);
   box-shadow: 0 8px 22px rgba(139, 38, 53, 0.25);
   font-size: 1.4rem;
 }

 /* ===== SERVICES (keep structure) ===== */
 .services-section {
   background: linear-gradient(90deg, rgba(248, 254, 245, .859), rgba(222, 235, 251, .529), rgba(236, 223, 246, .561), hsla(6, 71%, 97%, .478));
 }

 .services-main-title {
   font-size: 2rem;
   font-weight: 800;
   color: #111;
 }

 .feature-item {
   background: #fff;
   border-radius: 14px;
   padding: 20px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
   height: 100%;
   transition: transform .18s ease;
 }

 .feature-item:hover {
   transform: translateY(-6px);
   box-shadow: 0 18px 36px rgba(0, 0, 0, 0.08);
 }

 .feature-icon {
   width: 72px;
   height: 72px;
   border-radius: 12px;
   overflow: hidden;
   margin: 0 auto 12px;
 }

 /* ===== STATISTICS ===== */
 .statistics-section {
   background: linear-gradient(155deg, rgba(181, 41, 31, 1) 12%, rgba(213, 43, 30, 1) 31%, rgba(181, 41, 31, 1) 52%, rgba(237, 16, 0, 1) 80%);
   ;
   background-size: cover;
   background-position: center;
   color: #fff;
 }

 .statistics-section::before {
   content: '';
   position: absolute;
   inset: 0;
 }

 .stat-item {
   background: white;

   padding: 22px;
   border-radius: 14px;
   color: black;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
 }

 .stat-number {
   font-size: 2.6rem;
   font-weight: 900;
   color: var(--matte-red);

 }

 /* ===== PROCESS ===== */
 .process-section {
   background: #fff;
 }

 .process-step {
   display: flex;
   gap: 18px;
   align-items: flex-start;
   margin-bottom: 28px;
 }

 .step-icon {
   width: 114px;
   font-size: 30px;
   height: 70px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   background: linear-gradient(135deg, #60b2c2, #3a307f);
   box-shadow: 0 10px 30px rgba(139, 38, 53, 0.18);
 }

 /* ===== FEATURES ===== */
 .features-section {
   background-image: url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1200&q=80');
   background-size: cover;
   background-position: center;
 }

 .features-section::before {
   content: '';
   position: absolute;
   inset: 0;
   background: rgba(255, 255, 255, 0.88);
 }

 .features-card {
   background: #fff;
   padding: 22px;
   border-radius: 16px;
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);


 }

 .feature-main-card {
   min-height: 490px !important;
 }

 /* ===== PUBLICATIONS / CAROUSEL ===== */
 .publications-section {
   background: #fff;
 }

 .publication-card {
   background: #fff;
   border-radius: 16px;
   padding: 18px;
   transition: transform .22s ease, box-shadow .22s ease;
   box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
   height: 100%;
 }

 .publication-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 20px 48px rgba(0, 0, 0, 0.12);
 }

 .publication-cover {
   margin: 14px auto;
   height: 110px;
   border-radius: 50%;
   overflow: hidden;
   /* margin-bottom: 14px; */
   object-fit: cover;
   width: 125px;
 }

 /* Highlight center card look (keeps your center-highlight requirement) */
 .highlight-card {
   border: 3px solid transparent;
   border-radius: 16px;
   box-shadow: 0 18px 48px rgba(139, 38, 53, 0.18);
   position: relative;
   overflow: hidden;
 }

 .highlight-card::after {
   content: '';
   position: absolute;
   inset: -2px;
   background: linear-gradient(135deg, rgba(139, 38, 53, 0.15), rgba(107, 30, 42, 0.12));
   pointer-events: none;
   border-radius: 16px;
 }

 /* carousel control aesthetics */
 .carousel-control-prev,
 .carousel-control-next {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   background: linear-gradient(180deg, rgba(139, 38, 53, 0.95), rgba(107, 30, 42, 0.95));
   top: 50%;
   transform: translateY(-50%);
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   filter: invert(1);
 }

 /* ===== CTA ===== */
 .cta-banner {
   background-image: url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=1200&q=80');
   background-size: cover;
   background-position: center;
   color: #fff;
   text-align: center;
   padding: 100px 0;
 }

 .cta-banner::before {
   content: '';
   position: absolute;
   inset: 0;
   background: rgba(6, 6, 6, 0.6);
 }

 .cta-banner .cta-content {
   position: relative;
   z-index: 2;
 }

 /* ===== FAQ ===== */
 .faq-section {
   background: #fff;
 }

 .accordion-item {
   border-radius: 12px;
   overflow: hidden;
   margin-bottom: 12px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
 }

 .accordion-button:not(.collapsed) {
   background: linear-gradient(135deg, #60b2c2, #3a307f) !important;
   color: #fff !important;
   font-weight: 800;
 }

 /* ===== FOOTER ===== */
 .footer {
   background: linear-gradient(180deg, #1f1f1f, #0f0f0f);
   color: #ddd;
   padding: 60px 0 30px 0px;
 }

 .footer a {
   color: #cfcfcf;
   text-decoration: none;
 }

 .footer a:hover {
   color: #fff;
 }

 /* ===== Animations / reveal on scroll (minimal) ===== */
 .reveal {
   opacity: 0;
   transform: translateY(20px);
   transition: opacity .7s ease, transform .7s cubic-bezier(.2, .9, .3, 1);
   will-change: transform, opacity;
 }

 .reveal.revealed {
   opacity: 1;
   transform: translateY(0);
 }

 /* ===== WHY CHOOSE US SECTION ===== */
 .why-choose-section {
   padding: 80px 0;
   background: linear-gradient(135deg, #e8f5e8, #f0f8ff, #f5f0ff, #fff5f5);
   position: relative;
 }

 .section-main-title {
   font-size: 2.5rem;
   font-weight: 800;
   color: #111;
   line-height: 1.3;
   margin-bottom: 50px;
 }

 .service-info-card {
   background: linear-gradient(135deg, #60b2c2, #3a307f);
   color: #fff;
   padding: 30px;
   border-radius: 15px;
   height: 100%;
   box-shadow: 0 10px 30px rgba(94, 25, 35, 0.2);
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
 }

 .service-info-card::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(45deg, rgba(255, 255, 255, 0.1), transparent);
   opacity: 0;
   transition: opacity 0.3s ease;
 }

 .service-info-card:hover::before {
   opacity: 1;
 }

 .service-info-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 15px 40px rgba(94, 25, 35, 0.3);
 }

 .service-info-card h3 {
   font-size: 1.4rem;
   font-weight: 700;
   margin-bottom: 15px;
   color: #fff;
   line-height: 1.3;
 }

 .service-info-card p {
   font-size: 1rem;
   line-height: 1.6;
   color: rgba(255, 255, 255, 0.9);
   margin-bottom: 0;
 }

 .center-image-container {
   position: relative;
   margin: 20px 0;
 }

 .center-image {
   border-radius: 15px;
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
   width: 100%;
   height: auto;
   transition: transform 0.3s ease;
 }

 .center-image:hover {
   transform: scale(1.02);
 }

 /* Responsive adjustments */
 @media (max-width: 992px) {
   .main-title {
     font-size: 2.6rem;
   }

   .hero-section {
     min-height: 72vh;
   }

   .books-container {
     min-height: 300px;
   }

   .section-main-title {
     font-size: 2rem;
   }

   .service-info-card {
     margin-bottom: 20px;
   }
 }

 @media (max-width: 576px) {
   .main-title {
     font-size: 2.1rem;
   }

   section {
     padding: 56px 0;
   }

   .step-icon {
     width: 56px;
     height: 56px;
   }

   .section-main-title {
     font-size: 1.6rem;
   }

   .service-info-card h3 {
     font-size: 1.2rem;
   }
 }

 /* Service Hero Image */
 .service-hero-img-container {
   position: relative;
   padding: 10px;
   background: rgba(255, 255, 255, 0.05);
   border-radius: 20px;
   border: 1px solid rgba(255, 255, 255, 0.1);
   box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
   overflow: hidden;
   transition: transform 0.3s ease;
   z-index: 2;
 }

 .service-hero-img-container:hover {
   transform: translateY(-5px);
 }

 .service-hero-img-container img {
   border-radius: 15px;
   width: 100%;
   height: 380px;
   object-fit: cover;
   filter: brightness(0.92);
   transition: all 0.4s ease;
 }

 .service-hero-img-container:hover img {
   filter: brightness(1);
   transform: scale(1.02);
 }
  .accordion-button:hover {
    background-color: #3d3d85 !important;
    color: white !important;
  }