:root {
         --pdf-orange: var(--secondary-color);
         --pdf-grey: #efefef;
         --pdf-border: var(--secondary-color);
     }
     
     .slider-active,
     .single-slider.slider-bg {
         height: 550px;
         position: relative;
         overflow: hidden;
     }
     
     .single-slider {
         position: relative;
         overflow: hidden;
     }
     
     .banner-bg-img {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
         z-index: 1;
     }
     
     .single-slider .container {
         position: relative;
         z-index: 2;
     }
     
     .slider-content {
         display: flex;
         flex-direction: column;
         justify-content: center;
     }
     
     @media (max-width:767px) {
         .single-slider.slider-bg,
         .slider-active {
             min-height: unset !important;
         }
         .banner-bg-img {
             height: 100% !important;
             object-fit: cover;
             position: absolute;
         }
     }
     /* =========================
   CERTIFICATE / BLOG
========================= */
     
     .single-counter i {
         background: var(--secondary-color);
     }
     
     .certificate-slide {
         border: 1px solid #ddd;
         border-radius: 5px;
         overflow: hidden;
         background: #fff;
         padding: 10px;
         margin-bottom: 20px;
     }
     
     .certificate-slide img {
         width: 100%;
         height: 220px;
         object-fit: contain;
         background-color: #f9f9f9;
     }
     
     .owl-carousel .article {
         border: 1px solid #ddd;
         border-radius: 5px;
         overflow: hidden;
         background: #fff;
         margin-bottom: 20px;
     }
     
     .blog-content2 {
         padding: 15px;
         float: none;
     }
     
     .blog-content2 h4 {
         font-size: 18px;
         margin-top: 5px;
     }
     /* =========================
   COURSE BOX
========================= */
     
     .course-box {
         transition: all .3s ease-in-out;
     }
     
     .course-box:hover {
         transform: translateY(-6px);
         box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
     }
     
     .course-box h6 a {
         text-decoration: none;
         color: #222;
         transition: color .2s;
     }
     
     .course-box h6 a:hover {
         color: #007bff;
     }
     
     .category-icon {
         width: 60px;
         height: 60px;
         transition: transform .3s ease;
     }
     
     .course-box:hover .category-icon {
         transform: scale(1.15);
     }
     /* Touch devices: stop jump */
     
     @media (max-width:767px) {
         .course-box,
         .course-box:hover {
             transform: none !important;
         }
     }
     /* =========================
   ICON / LIST AREA
========================= */
     
     * {
         box-sizing: border-box
     }
     
     .content {
         display: grid;
         grid-template-columns: 48px 1fr;
         gap: 18px;
         align-items: start
     }
     
     .check-col {
         display: flex;
         flex-direction: column;
         gap: 50px;
     }
     
     .check {
         width: 40px;
         height: 40px;
         border-radius: 50%;
         background: var(--primary-color);
         display: flex;
         align-items: center;
         justify-content: center;
         box-shadow: 0 4px 8px rgba(15, 23, 42, 0.08)
     }
     
     .check svg {
         width: 18px;
         height: 18px;
         fill: white
     }
     
     .list {
         display: flex;
         flex-direction: column;
         gap: 22px
     }
     
     .item-title {
         font-weight: 700;
         color: #111827;
         margin-bottom: 6px
     }
     
     .item-desc {
         color: var(--muted);
         line-height: 1.7
     }
     
     .gridd {
         margin-top: 28px;
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 18px 40px
     }
     
     .item {
         display: flex;
         align-items: flex-start;
         gap: 12px
     }
     
     .icconn {
         width: 28px;
         height: 28px;
         border-radius: 50%;
         background: var(--primary-color);
         display: flex;
         align-items: center;
         justify-content: center;
         flex-shrink: 0;
         box-shadow: 0 3px 6px rgba(15, 23, 42, 0.1)
     }
     
     .icconn svg {
         width: 14px;
         height: 14px;
         fill: white
     }
     
     .text {
         font-size: 15px;
         line-height: 1.5;
         font-weight: 500;
         color: #000;
     }
     
     .headerp {
         margin-bottom: 50px;
         text-align: center
     }
     
     @media (max-width:720px) {
         .content {
             grid-template-columns: 36px 1fr;
         }
         .wrap {
             padding: 20px;
         }
         .check {
             width: 34px;
             height: 34px;
         }
         .check-col {
             gap: 140px;
         }
     }
     /* =========================
   SPECIAL CARD / READ MORE
========================= */
     
     .special-card {
         transition: all 0.3s ease;
         position: relative;
     }
     
     .special-card:hover {
         transform: translateY(-5px);
     }
     
     .read-more {
         font-weight: 600;
         font-size: 14px;
         color: var(--primary-color);
         text-decoration: none;
     }
     
     .read-more:hover {
         color: var(--primary-color);
     }
     
     .sectionnn {
         display: flex;
         gap: 30px;
         align-items: center;
         justify-content: space-between;
         background: #f8f0c6;
         border-radius: 12px;
         padding: 30px;
         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
         margin-bottom: 40px;
     }
     
     .contenttt span {
         line-height: 1.8;
         font-size: 15px;
         display: flex;
         align-items: flex-start;
         text-align: justify;
         padding: 20px;
         color: #000;
     }
     
     .image {
         flex: 1;
         display: flex;
         justify-content: center;
         align-items: center;
     }
     
     .image img {
         width: 100%;
         border-radius: 12px;
         object-fit: cover;
     }
     
     @media (max-width:991px) {
         .sectionnn {
             flex-direction: column;
             padding: 20px;
         }
         .image {
             order: -1;
             margin-bottom: 20px;
         }
     }
     /* =========================
   PDF BOXES (IMPORTANT FIX)
========================= */
     
     .section-title h2 {
         color: var(--primary-color);
     }
     /* =========================
   PDF BOXES (IMPORTANT FIX)
========================= */
     
     .pdf-box,
     .pdf-box-info {
         background: #fff;
         width: 100%;
         overflow: hidden !important;
         border-radius: 35px 35px 35px 0 !important;
     }
     /* If your info box has a header/div inside with bg, round it too */
     
     .pdf-box>*:first-child,
     .pdf-box-info>*:first-child {
         border-top-left-radius: inherit;
         border-top-right-radius: inherit;
     }
     /* approvals */
     
     .approvals-strip {
         background: var(--pdf-grey);
         padding: 26px 0;
     }
     
     .approvals-head {
         text-align: center;
         color: var(--pdf-orange);
         font-size: 30px;
         font-weight: 900;
         margin-bottom: 18px;
     }
     
     .approvals-grid {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         gap: 22px 28px;
     }
     
     .approval-item {
         width: 160px;
         text-align: center;
     }
     
     .approval-item .circle {
         width: 100px;
         height: 100px;
         border-radius: 50%;
         background: #fff;
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 10px;
         margin: 0 auto 8px;
     }
     
     .approval-item img {
         max-width: 100%;
         max-height: 100%;
         object-fit: contain;
     }
     
     .approval-item .cap {
         font-size: 12px;
         font-weight: 700;
         color: #111;
     }
     /* play button */
     
     .pdf-play-btn {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         width: 70px;
         height: 70px;
         border-radius: 50%;
         background: #f4a000;
         display: flex;
         align-items: center;
         justify-content: center;
         text-decoration: none;
         z-index: 5;
         box-shadow: 0 10px 25px rgba(0, 0, 0, .35);
     }
     
     .pdf-play-btn i {
         color: #fff;
         font-size: 22px;
         margin-left: 3px;
     }
     
     .pdf-play-btn .pulse-ring {
         position: absolute;
         inset: -12px;
         border-radius: 50%;
         border: 5px solid rgba(244, 160, 0, .65);
         animation: pulseRing 1.3s ease-out infinite;
     }
     
     @keyframes pulseRing {
         0% {
             transform: scale(.75);
             opacity: 1;
         }
         100% {
             transform: scale(1.25);
             opacity: 0;
         }
     }
     /* ======================
   ABOUT RIGHT: VIDEO + INFO (FIXED RESPONSIVE)
====================== */
     
     .about-right-stack {
         display: flex;
         flex-direction: column;
         gap: 18px;
         width: 100%;
     }
     /* FIX: keep video perfect responsive */
     
     .pdf-video {
         position: relative;
         width: 100%;
         aspect-ratio: 16 / 9;
         /* important */
     }
     /* FIX: image fills aspect ratio box */
     
     .pdf-video img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
     }
     /* label (if you use) */
     
     .pdf-video .label {
         position: absolute;
         left: 0;
         right: 0;
         bottom: 12px;
         text-align: center;
         font-size: 44px;
         font-weight: 900;
         color: #fff;
         z-index: 6;
         text-shadow: 0 4px 12px rgba(0, 0, 0, .6);
     }
     /* info */
     
     .pdf-info {
         min-height: 170px;
         display: flex;
         align-items: flex-start;
         justify-content: center;
         /* padding: 26px; */
     }
     
     .pdf-info .title {
         color: var(--pdf-orange);
         font-size: 28px;
         font-weight: 900;
     }
     /* ======================
   CATEGORIES
====================== */
     
     .pdf-cat-section {
         background: var(--pdf-grey);
         padding: 40px 0;
     }
     
     .pdf-cat-title {
         text-align: center;
         color: var(--pdf-orange);
         font-size: 34px;
         font-weight: 900;
         margin-bottom: 20px;
     }
     
     .pdf-cat-grid {
         display: grid;
         grid-template-columns: repeat(6, 1fr);
         gap: 25px 30px;
     }
     
     .pdf-cat-card {
         height: 200px;
         padding: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
         text-align: center;
     }
     
     .pdf-cat-card a {
         width: 100%;
         height: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         gap: 10px;
         text-decoration: none;
         color: #111;
         font-weight: 800;
     }
     
     .pdf-cat-card img {
         width: 80px;
         height: 80px;
         object-fit: contain;
     }
     /* job prospects */
     
     .job-prospects-pdf {
         background: linear-gradient(0deg, rgba(55, 30, 105, .75), rgba(55, 30, 105, .75)),
         url("{{ asset('public/uploads/frontend/home/students.jpeg') }}");
         background-size: cover;
         background-position: center;
     }
     
     .job-prospects-pdf .jp-text {
         color: #fff;
         font-size: 18px;
         line-height: 1.75;
         margin: 0 auto;
         text-align: center;
     }
     
     .job-prospects-pdf .jp-text p {
         margin: 0 0 14px;
     }
     /* feedback */
     
     .testimonial-active .single-testimonial {
         border-radius: 35px 35px 35px 0;
         background: #fff;
         padding: 22px 18px;
     }
     
     .feedback-strip {
         background: #fff;
         padding: 60px 0;
     }
     
     .feedback-title {
         text-align: center;
         margin-bottom: 25px;
     }
     
     .feedback-title h2 {
         display: inline-block;
         background: #b7d7ff;
         padding: 6px 18px;
         font-weight: 900;
         font-size: 32px;
     }
     
     .course-active .course-single {
         border: 2px solid var(--pdf-border);
         border-radius: 35px 35px 35px 0;
         background: #fff;
         padding: 22px 18px;
         min-height: 160px;
     }
     /* Tablet */
     
     @media (max-width:991px) {
         .pdf-cat-grid {
             grid-template-columns: repeat(3, 1fr);
             gap: 18px;
         }
     }
     /* Mobile */
     
     @media (max-width:767px) {
         /* Fix about padding gap */
         .about-area .container {
             padding-left: 18px !important;
             padding-right: 18px !important;
         }
         .about-area .col-lg-6,
         .about-area .col-lg-6.px-lg-5 {
             padding-left: 0 !important;
             padding-right: 0 !important;
         }
         .slider-btn {
             margin-bottom: 20px;
         }
         /* Mobile radius */
         .pdf-box {
             border-radius: 28px 28px 28px 0 !important;
         }
         .pdf-box-info {
             border-radius: 28px 28px 28px 0 !important;
         }
         .pdf-info {
             min-height: auto;
             align-items: center;
         }
         .s-about-img.p-relative {
             margin-bottom: 0px !important;
             margin-left: 0;
             margin-top: 20px !important;
         }
     }
     /* Small Mobile */
     
     @media (max-width:575.98px) {
         .pdf-cat-grid {
             grid-template-columns: repeat(2, 1fr) !important;
             gap: 14px !important;
         }
         .pdf-cat-card {
             height: auto !important;
             padding: 14px !important;
         }
         .pdf-cat-card img {
             width: 64px !important;
             height: 64px !important;
         }
         html,
         body {
             overflow-x: hidden;
         }
     }
     /* =========================
   NOTICE SCROLL
========================= */
     
     #notice-carousel {
         animation: scrollUp 12s linear infinite;
     }
     
     @keyframes scrollUp {
         0% {
             transform: translateY(100%);
         }
         100% {
             transform: translateY(-100%);
         }
     }
     
     .notice-box {
         height: 200px;
         overflow: hidden;
         box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
     }
     
     .notice-box li {
         font-size: 14px;
     }