.elementor-1542 .elementor-element.elementor-element-c5be6fc{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1542 .elementor-element.elementor-element-7c8daa8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1542 .elementor-element.elementor-element-7c8daa8 .eael-breadcrumbs .eael-breadcrumbs__content{border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:500;text-decoration:none;letter-spacing:1px;}.elementor-1542 .elementor-element.elementor-element-7c8daa8 .eael-breadcrumbs .eael-breadcrumbs__content a{color:#FFFFFFCF;}.elementor-1542 .elementor-element.elementor-element-7c8daa8 .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#FFFFFF;}.elementor-1542 .elementor-element.elementor-element-7c8daa8 .eael-breadcrumbs .eael-breadcrumb-separator{color:#FFFFFF;margin:0 10px;}.elementor-1542 .elementor-element.elementor-element-6dc1fb5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1542 .elementor-element.elementor-element-0bff654{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;bottom:2.375px;z-index:0;--e-transform-origin-x:center;--e-transform-origin-y:center;}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-0bff654{left:41px;}body.rtl .elementor-1542 .elementor-element.elementor-element-0bff654{right:41px;}.elementor-1542 .elementor-element.elementor-element-d2e42c3{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;top:-1%;z-index:0;}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-d2e42c3{right:-124px;}body.rtl .elementor-1542 .elementor-element.elementor-element-d2e42c3{left:-124px;}.elementor-1542 .elementor-element.elementor-element-3732cd3{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 0px;--row-gap:40px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1542 .elementor-element.elementor-element-3732cd3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1542 .elementor-element.elementor-element-891837f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1542 .elementor-element.elementor-element-76b2e1b{width:100%;max-width:100%;--e-search-input-color:#111111;--e-search-icon-label-size:16px;--e-search-input-gap:8px;}.elementor-1542 .elementor-element.elementor-element-76b2e1b .e-search-input{border-style:solid;border-width:1px 1px 1px 1px;border-color:#2868B14D;border-radius:12px 12px 12px 12px;}.elementor-1542 .elementor-element.elementor-element-ad71f50{--display:flex;}.elementor-1542 .elementor-element.elementor-element-f0a1060{width:100%;max-width:100%;}.elementor-1542 .elementor-element.elementor-element-f0a1060.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1542 .elementor-element.elementor-element-5a77b3f{--n-accordion-title-font-size:18px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:30px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:12px 12px 0px 0px;--n-accordion-title-normal-color:#2868B1;--n-accordion-title-hover-color:#2868B1;--n-accordion-title-active-color:#2868B1;--n-accordion-icon-size:15px;}.elementor-1542 .elementor-element.elementor-element-5a77b3f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#E3EFF9;}:where( .elementor-1542 .elementor-element.elementor-element-5a77b3f > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#E3EFF9;--border-radius:0px 0px 12px 12px;}.elementor-1542 .elementor-element.elementor-element-5a77b3f {--n-accordion-padding:15px 15px 15px 30px;}:where( .elementor-1542 .elementor-element.elementor-element-5a77b3f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Outfit", Sans-serif;font-weight:600;}.elementor-1542 .elementor-element.elementor-element-e83f016{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 0px;--row-gap:30px;--column-gap:0px;--overlay-opacity:0.89;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:20px;--padding-right:20px;}.elementor-1542 .elementor-element.elementor-element-e83f016::before, .elementor-1542 .elementor-element.elementor-element-e83f016 > .elementor-background-video-container::before, .elementor-1542 .elementor-element.elementor-element-e83f016 > .e-con-inner > .elementor-background-video-container::before, .elementor-1542 .elementor-element.elementor-element-e83f016 > .elementor-background-slideshow::before, .elementor-1542 .elementor-element.elementor-element-e83f016 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1542 .elementor-element.elementor-element-e83f016 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://propackers.co.uk/wp-content/uploads/2025/08/bg15.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1542 .elementor-element.elementor-element-e83f016.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1542 .elementor-element.elementor-element-51b6095{text-align:center;}.elementor-1542 .elementor-element.elementor-element-51b6095 .elementor-heading-title{color:#FFFFFF;}.elementor-1542 .elementor-element.elementor-element-1e42dbe{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1542 .elementor-element.elementor-element-fecb4da{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-widget-archive-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1542 .elementor-element.elementor-element-8ca436d{--grid-row-gap:35px;border-style:none;--grid-column-gap:35px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__thumbnail__link{width:100%;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__meta-data span + span:before{content:"- ";}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__card{background-color:#FFFFFF;border-color:#2868B14D;border-width:1px;border-radius:30px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__text{padding:0 16px;margin-top:0px;margin-bottom:5px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__meta-data{padding:10px 16px;color:#1B2F4B;font-family:"DM Sans", Sans-serif;font-size:12px;font-weight:300;line-height:18px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__avatar{padding-right:16px;padding-left:16px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__badge{right:0;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__card .elementor-post__badge{background-color:#2868B1;font-size:11px;margin:15px;font-family:"DM Sans", Sans-serif;font-weight:500;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__title, .elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__title a{color:#1B2F4B;font-family:"Outfit", Sans-serif;font-size:1.4rem;font-weight:600;line-height:1.8rem;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__title{margin-bottom:16px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__excerpt p{color:#242424;font-family:"Inter", Sans-serif;font-weight:300;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__excerpt{margin-bottom:5px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__read-more{color:#C2543D;margin-bottom:5px;}.elementor-1542 .elementor-element.elementor-element-8ca436d a.elementor-post__read-more{font-family:"Outfit", Sans-serif;font-size:12px;font-weight:600;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-pagination{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;margin-top:40px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-pagination .page-numbers:not(.dots){color:#1B5285;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-pagination a.page-numbers:hover{color:#422B5A;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-pagination .page-numbers.current{color:#422B5A;}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 16px/2 );}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 16px/2 );}body.rtl .elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 16px/2 );}body.rtl .elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 16px/2 );}.elementor-1542 .elementor-element.elementor-element-6ec1572{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;top:10px;z-index:0;}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-6ec1572{left:0px;}body.rtl .elementor-1542 .elementor-element.elementor-element-6ec1572{right:0px;}@media(max-width:1024px){.elementor-1542 .elementor-element.elementor-element-7c8daa8 .eael-breadcrumbs .eael-breadcrumbs__content{padding:0px 0px 0px 0px;font-size:14px;}.elementor-1542 .elementor-element.elementor-element-0bff654{--container-widget-width:9%;--container-widget-flex-grow:0;width:var( --container-widget-width, 9% );max-width:9%;bottom:-19px;}.elementor-1542 .elementor-element.elementor-element-d2e42c3{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;top:-4%;}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-d2e42c3{right:-72px;}body.rtl .elementor-1542 .elementor-element.elementor-element-d2e42c3{left:-72px;}.elementor-1542 .elementor-element.elementor-element-3732cd3{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1542 .elementor-element.elementor-element-5a77b3f{--n-accordion-item-title-space-between:30px;--n-accordion-border-radius:12px 12px 0px 0px;--n-accordion-title-font-size:16px;}.elementor-1542 .elementor-element.elementor-element-5a77b3f {--n-accordion-padding:15px 15px 15px 15px;}:where( .elementor-1542 .elementor-element.elementor-element-5a77b3f > .e-n-accordion > .e-n-accordion-item ) > .e-con{--border-radius:0px 0px 12px 12px;}.elementor-1542 .elementor-element.elementor-element-51b6095{text-align:center;}.elementor-1542 .elementor-element.elementor-element-1e42dbe{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1542 .elementor-element.elementor-element-fecb4da{--min-height:0vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1542 .elementor-element.elementor-element-8ca436d{--grid-row-gap:30px;--grid-column-gap:20px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__title, .elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__title a{font-size:1rem;line-height:1.4rem;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__title{margin-bottom:15px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__excerpt p{font-size:12px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__excerpt{margin-bottom:10px;}.elementor-1542 .elementor-element.elementor-element-8ca436d a.elementor-post__read-more{font-size:12px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__text{margin-bottom:4px;}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-6ec1572{left:62px;}body.rtl .elementor-1542 .elementor-element.elementor-element-6ec1572{right:62px;}}@media(max-width:767px){.elementor-1542 .elementor-element.elementor-element-7c8daa8 .eael-breadcrumbs .eael-breadcrumbs__content{padding:0px 0px 0px 0px;}.elementor-1542 .elementor-element.elementor-element-0bff654{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;bottom:-9px;}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-0bff654{left:41px;}body.rtl .elementor-1542 .elementor-element.elementor-element-0bff654{right:41px;}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-d2e42c3{right:-20px;}body.rtl .elementor-1542 .elementor-element.elementor-element-d2e42c3{left:-20px;}.elementor-1542 .elementor-element.elementor-element-d2e42c3{top:-4px;}.elementor-1542 .elementor-element.elementor-element-3732cd3{--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1542 .elementor-element.elementor-element-891837f{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1542 .elementor-element.elementor-element-891837f.e-con{--order:2;}.elementor-1542 .elementor-element.elementor-element-76b2e1b{width:100%;max-width:100%;}.elementor-1542 .elementor-element.elementor-element-5a77b3f.elementor-element{--order:1;}.elementor-1542 .elementor-element.elementor-element-e83f016{--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-1542 .elementor-element.elementor-element-e83f016.e-con{--order:3;}.elementor-1542 .elementor-element.elementor-element-1e42dbe{--min-height:0vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1542 .elementor-element.elementor-element-fecb4da{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1542 .elementor-element.elementor-element-8ca436d .elementor-post__thumbnail__link{width:100%;}body:not(.rtl) .elementor-1542 .elementor-element.elementor-element-6ec1572{left:119.652px;}body.rtl .elementor-1542 .elementor-element.elementor-element-6ec1572{right:119.652px;}.elementor-1542 .elementor-element.elementor-element-6ec1572{top:-8.774px;}}@media(min-width:768px){.elementor-1542 .elementor-element.elementor-element-3732cd3{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1542 .elementor-element.elementor-element-3732cd3{--width:30%;}}/* Start custom CSS for shortcode, class: .elementor-element-f0a1060 *//* ============================================== ✅ Scrollable Sidebar for Categories - This sidebar dynamically lists all categories. - It has a fixed max height with an auto-scroll feature. ============================================== */ .post-categories-sidebar { max-height: 300px; /* Sets the maximum height of the category sidebar */ overflow-y: auto; /* Enables vertical scrolling when content exceeds max height */ /* Custom Scrollbar for Modern Browsers */ scrollbar-width: thin; /* Reduces scrollbar thickness */ scrollbar-color: #2868B1 #eee; /* Custom scrollbar colors */ } /* ============================================== ✅ Responsive Adjustments - Reduces sidebar height for better mobile usability. ============================================== */ @media (max-width: 768px) { .post-categories-sidebar { max-height: 250px; /* Adjust height for smaller screens */ } } /* ============================================== ✅ Custom Scrollbar for WebKit Browsers (Chrome, Safari) ============================================== */ .post-categories-sidebar::-webkit-scrollbar { width: 8px; /* Sets scrollbar width */ } .post-categories-sidebar::-webkit-scrollbar-thumb { background-color: #2868B1; /* Scrollbar handle color */ border-radius: 10px; /* Rounds the scrollbar edges */ } .post-categories-sidebar::-webkit-scrollbar-track { background-color: #eee; /* Background track color */ } /* ============================================== ✅ Category Link Styling - Displays each category as a block element. - Adds spacing and hover effects for better UI. ============================================== */ .post-categories-sidebar a { display: block; /* Makes each category link a block element */ padding: 10px; /* Adds spacing around text */ color: #111; /* Sets default text color */ font-weight: 400; /* Uses normal font weight */ text-decoration: none; /* Removes underlines */ border-bottom: 1px solid #ddd; /* Adds a light separator between categories */ transition: color 0.3s ease-in-out; /* Smooth hover transition */ font-size: 16px; /* Sets text size */ } /* ============================================== ✅ Hover & Active Effects - Changes the color when hovering or clicking a category. ============================================== */ .post-categories-sidebar a:hover, .post-categories-sidebar a:active { color: #1B2F4B; /* Darker color on hover/click */ }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-f0a1060 *//* ============================================== ✅ Scrollable Sidebar for Categories - This sidebar dynamically lists all categories. - It has a fixed max height with an auto-scroll feature. ============================================== */ .post-categories-sidebar { max-height: 300px; /* Sets the maximum height of the category sidebar */ overflow-y: auto; /* Enables vertical scrolling when content exceeds max height */ /* Custom Scrollbar for Modern Browsers */ scrollbar-width: thin; /* Reduces scrollbar thickness */ scrollbar-color: #2868B1 #eee; /* Custom scrollbar colors */ } /* ============================================== ✅ Responsive Adjustments - Reduces sidebar height for better mobile usability. ============================================== */ @media (max-width: 768px) { .post-categories-sidebar { max-height: 250px; /* Adjust height for smaller screens */ } } /* ============================================== ✅ Custom Scrollbar for WebKit Browsers (Chrome, Safari) ============================================== */ .post-categories-sidebar::-webkit-scrollbar { width: 8px; /* Sets scrollbar width */ } .post-categories-sidebar::-webkit-scrollbar-thumb { background-color: #2868B1; /* Scrollbar handle color */ border-radius: 10px; /* Rounds the scrollbar edges */ } .post-categories-sidebar::-webkit-scrollbar-track { background-color: #eee; /* Background track color */ } /* ============================================== ✅ Category Link Styling - Displays each category as a block element. - Adds spacing and hover effects for better UI. ============================================== */ .post-categories-sidebar a { display: block; /* Makes each category link a block element */ padding: 10px; /* Adds spacing around text */ color: #111; /* Sets default text color */ font-weight: 400; /* Uses normal font weight */ text-decoration: none; /* Removes underlines */ border-bottom: 1px solid #ddd; /* Adds a light separator between categories */ transition: color 0.3s ease-in-out; /* Smooth hover transition */ font-size: 16px; /* Sets text size */ } /* ============================================== ✅ Hover & Active Effects - Changes the color when hovering or clicking a category. ============================================== */ .post-categories-sidebar a:hover, .post-categories-sidebar a:active { color: #1B2F4B; /* Darker color on hover/click */ }/* End custom CSS */