.elementor-37 .elementor-element.elementor-element-9aea07b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-37 .elementor-element.elementor-element-9aea07b:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-9aea07b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spr.gov.my/melaka/wp-content/uploads/sites/23/2026/09/BG-Hero-SPR-pudar.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .elementor-repeater-item-878ca45 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://spr.gov.my/melaka/wp-content/uploads/sites/15/2026/09/Banner-Web-Baru-PPN-Melaka.jpg);background-size:cover;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .elementor-repeater-item-29e25d8 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://spr.gov.my/melaka/wp-content/uploads/sites/15/2026/09/BANNER-SEMAKAN-DPT-BLN8-2026.png);background-size:cover;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .elementor-repeater-item-29719de .swiper-slide-bg{background-color:#833ca3;background-image:url(https://spr.gov.my/melaka/wp-content/uploads/sites/15/2026/07/bdr-infografik-web-banner-1200-x-450-px.png);background-size:cover;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .elementor-repeater-item-19c8e43 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://spr.gov.my/melaka/wp-content/uploads/sites/15/2026/07/Banner-Berhenti-Semak-dan-Pertimbangkan-Fakta.jpeg);background-size:cover;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .elementor-repeater-item-78a5eec .swiper-slide-bg{background-color:#833ca3;background-image:url(https://spr.gov.my/melaka/wp-content/uploads/sites/15/2026/07/Web-Banner-02-scaled-1.jpg);background-size:cover;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .elementor-repeater-item-60f6243 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://spr.gov.my/melaka/wp-content/uploads/sites/15/2026/07/sistemlibrary.png);background-size:cover;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .elementor-repeater-item-67dbaf9 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://spr.gov.my/melaka/wp-content/uploads/sites/15/2026/07/AppsMySPRSEMAK.jpg);background-size:cover;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .elementor-repeater-item-eea9bf2 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://spr.gov.my/melaka/wp-content/uploads/sites/15/2026/07/Banner-Tukar-Alamat-dan-Status-2025.png);background-size:cover;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .swiper-slide{transition-duration:calc(5000ms*1.2);height:480px;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .swiper-slide-contents{max-width:100%;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .swiper-slide-inner{text-align:center;}.elementor-37 .elementor-element.elementor-element-2c94794{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.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-37 .elementor-element.elementor-element-4078b57.ob-harakiri{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-4078b57.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-4078b57.ob-harakiri div{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-4078b57{text-align:start;}.elementor-37 .elementor-element.elementor-element-4078b57 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#392F5A;}.elementor-37 .elementor-element.elementor-element-4078b57.ob-harakiri > div, .elementor-37 .elementor-element.elementor-element-4078b57.ob-harakiri > h1, .elementor-37 .elementor-element.elementor-element-4078b57.ob-harakiri > h2, .elementor-37 .elementor-element.elementor-element-4078b57.ob-harakiri > h3, .elementor-37 .elementor-element.elementor-element-4078b57.ob-harakiri > h4, .elementor-37 .elementor-element.elementor-element-4078b57.ob-harakiri > h5, .elementor-37 .elementor-element.elementor-element-4078b57.ob-harakiri > h6, .elementor-37 .elementor-element.elementor-element-4078b57.ob-harakiri > p{transform:rotate(0deg);}.elementor-37 .elementor-element.elementor-element-4078b57 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-37 .elementor-element.elementor-element-01de0a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-d753e82{--display:flex;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.7;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-37 .elementor-element.elementor-element-d753e82:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-d753e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spr.gov.my/melaka/wp-content/uploads/sites/15/2026/09/perkhidmatan-myspr-v2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-37 .elementor-element.elementor-element-d753e82::before, .elementor-37 .elementor-element.elementor-element-d753e82 > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-d753e82 > .e-con-inner > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-d753e82 > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-d753e82 > .e-con-inner > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-d753e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#850066;--background-overlay:'';}.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-37 .elementor-element.elementor-element-cad6e19{text-align:start;}.elementor-37 .elementor-element.elementor-element-2b97a7a.ob-harakiri{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-2b97a7a.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-2b97a7a.ob-harakiri div{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-2b97a7a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-2b97a7a.ob-harakiri > div, .elementor-37 .elementor-element.elementor-element-2b97a7a.ob-harakiri > h1, .elementor-37 .elementor-element.elementor-element-2b97a7a.ob-harakiri > h2, .elementor-37 .elementor-element.elementor-element-2b97a7a.ob-harakiri > h3, .elementor-37 .elementor-element.elementor-element-2b97a7a.ob-harakiri > h4, .elementor-37 .elementor-element.elementor-element-2b97a7a.ob-harakiri > h5, .elementor-37 .elementor-element.elementor-element-2b97a7a.ob-harakiri > h6, .elementor-37 .elementor-element.elementor-element-2b97a7a.ob-harakiri > p{transform:rotate(0deg);}.elementor-37 .elementor-element.elementor-element-2b97a7a > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-widget-button .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-37 .elementor-element.elementor-element-5546fba .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-37 .elementor-element.elementor-element-7192fc6{--display:flex;--min-height:19vh;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.7;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-37 .elementor-element.elementor-element-7192fc6:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-7192fc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spr.gov.my/melaka/wp-content/uploads/sites/15/2026/09/perkhidmatan-semakan-daftar-v2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-37 .elementor-element.elementor-element-7192fc6::before, .elementor-37 .elementor-element.elementor-element-7192fc6 > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-7192fc6 > .e-con-inner > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-7192fc6 > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-7192fc6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-7192fc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1A008F;--background-overlay:'';}.elementor-37 .elementor-element.elementor-element-9f7b7d1{text-align:start;}.elementor-37 .elementor-element.elementor-element-7f25962.ob-harakiri{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-7f25962.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-7f25962.ob-harakiri div{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-7f25962{text-align:center;}.elementor-37 .elementor-element.elementor-element-7f25962 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-7f25962.ob-harakiri > div, .elementor-37 .elementor-element.elementor-element-7f25962.ob-harakiri > h1, .elementor-37 .elementor-element.elementor-element-7f25962.ob-harakiri > h2, .elementor-37 .elementor-element.elementor-element-7f25962.ob-harakiri > h3, .elementor-37 .elementor-element.elementor-element-7f25962.ob-harakiri > h4, .elementor-37 .elementor-element.elementor-element-7f25962.ob-harakiri > h5, .elementor-37 .elementor-element.elementor-element-7f25962.ob-harakiri > h6, .elementor-37 .elementor-element.elementor-element-7f25962.ob-harakiri > p{transform:rotate(0deg);}.elementor-37 .elementor-element.elementor-element-7f25962 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-37 .elementor-element.elementor-element-fbc621b .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-37 .elementor-element.elementor-element-1dce16b{--display:flex;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.7;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-37 .elementor-element.elementor-element-1dce16b:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-1dce16b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spr.gov.my/melaka/wp-content/uploads/sites/15/2026/09/perkhidmatan-dpt-daftar-v2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-37 .elementor-element.elementor-element-1dce16b::before, .elementor-37 .elementor-element.elementor-element-1dce16b > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-1dce16b > .e-con-inner > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-1dce16b > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-1dce16b > .e-con-inner > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-1dce16b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#8F2B00;--background-overlay:'';}.elementor-37 .elementor-element.elementor-element-7d43d8d{text-align:start;}.elementor-37 .elementor-element.elementor-element-baec755.ob-harakiri{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-baec755.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-baec755.ob-harakiri div{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-baec755{text-align:center;}.elementor-37 .elementor-element.elementor-element-baec755 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-baec755.ob-harakiri > div, .elementor-37 .elementor-element.elementor-element-baec755.ob-harakiri > h1, .elementor-37 .elementor-element.elementor-element-baec755.ob-harakiri > h2, .elementor-37 .elementor-element.elementor-element-baec755.ob-harakiri > h3, .elementor-37 .elementor-element.elementor-element-baec755.ob-harakiri > h4, .elementor-37 .elementor-element.elementor-element-baec755.ob-harakiri > h5, .elementor-37 .elementor-element.elementor-element-baec755.ob-harakiri > h6, .elementor-37 .elementor-element.elementor-element-baec755.ob-harakiri > p{transform:rotate(0deg);}.elementor-37 .elementor-element.elementor-element-baec755 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-37 .elementor-element.elementor-element-382da00 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-37 .elementor-element.elementor-element-2f2f169{--display:flex;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.7;--border-radius:15px 15px 15px 15px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-37 .elementor-element.elementor-element-2f2f169:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-2f2f169 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spr.gov.my/melaka/wp-content/uploads/sites/15/2026/09/4.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-37 .elementor-element.elementor-element-2f2f169::before, .elementor-37 .elementor-element.elementor-element-2f2f169 > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-2f2f169 > .e-con-inner > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-2f2f169 > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-2f2f169 > .e-con-inner > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-2f2f169 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#440041;--background-overlay:'';}.elementor-37 .elementor-element.elementor-element-3e4475b{text-align:start;}.elementor-37 .elementor-element.elementor-element-b6ae86a.ob-harakiri{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-b6ae86a.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-b6ae86a.ob-harakiri div{writing-mode:inherit;}.elementor-37 .elementor-element.elementor-element-b6ae86a{text-align:center;}.elementor-37 .elementor-element.elementor-element-b6ae86a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-b6ae86a.ob-harakiri > div, .elementor-37 .elementor-element.elementor-element-b6ae86a.ob-harakiri > h1, .elementor-37 .elementor-element.elementor-element-b6ae86a.ob-harakiri > h2, .elementor-37 .elementor-element.elementor-element-b6ae86a.ob-harakiri > h3, .elementor-37 .elementor-element.elementor-element-b6ae86a.ob-harakiri > h4, .elementor-37 .elementor-element.elementor-element-b6ae86a.ob-harakiri > h5, .elementor-37 .elementor-element.elementor-element-b6ae86a.ob-harakiri > h6, .elementor-37 .elementor-element.elementor-element-b6ae86a.ob-harakiri > p{transform:rotate(0deg);}.elementor-37 .elementor-element.elementor-element-b6ae86a > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-37 .elementor-element.elementor-element-ef729c2 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-37 .elementor-element.elementor-element-8d0f24b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 045px) 0px;}.elementor-37 .elementor-element.elementor-element-8d0f24b.elementor-element{--flex-shrink:1;}html, body{overflow-x:auto;}@media(max-width:767px){.elementor-37 .elementor-element.elementor-element-e6dc6a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .swiper-slide{height:17vh;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .swiper-slide-contents{max-width:100%;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .swiper-slide-inner{padding:0px 0px 0px 0px;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .swiper-pagination-bullet{height:3px;width:3px;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .swiper-horizontal .swiper-pagination-progressbar{height:3px;}.elementor-37 .elementor-element.elementor-element-e6dc6a9 .swiper-pagination-fraction{font-size:3px;}.elementor-37 .elementor-element.elementor-element-2c94794{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-37 .elementor-element.elementor-element-d753e82{--min-height:0px;}.elementor-37 .elementor-element.elementor-element-7192fc6{--min-height:0vh;}}@media(min-width:768px){.elementor-37 .elementor-element.elementor-element-9aea07b{--content-width:1270px;}.elementor-37 .elementor-element.elementor-element-2c94794{--content-width:1280px;}.elementor-37 .elementor-element.elementor-element-01de0a2{--width:100%;}.elementor-37 .elementor-element.elementor-element-d753e82{--width:20%;}.elementor-37 .elementor-element.elementor-element-7192fc6{--width:20%;}.elementor-37 .elementor-element.elementor-element-1dce16b{--width:20%;}.elementor-37 .elementor-element.elementor-element-2f2f169{--width:20%;}}@media(min-width:1025px){.elementor-37 .elementor-element.elementor-element-9aea07b:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-9aea07b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-37 .elementor-element.elementor-element-d753e82:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-d753e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-37 .elementor-element.elementor-element-7192fc6:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-7192fc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-37 .elementor-element.elementor-element-1dce16b:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-1dce16b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-37 .elementor-element.elementor-element-2f2f169:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-2f2f169 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for shortcode, class: .elementor-element-8d0f24b *//* 1. Main Grid Layout */
.custom-news-wrapper {
    display: grid;
    grid-template-columns: 65% 33%; /* 2/3 for the left, 1/3 for the right */
    grid-auto-rows: max-content;
    gap: 2%;
    counter-reset: post-counter;
    background-color: #dcdcdc; /* Light gray background matching your image */
    padding: 40px 30px;

}

/* 2. Automatically insert the "TERKINI" heading */
.custom-news-wrapper::before {
    content: "TERKINI";
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    font-family: 'Times New Roman', Times, serif;
    font-size: 24px;
    color: #222;
    border-bottom: 3px solid #d4af37; /* Yellow underline */
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline-block;
    width: fit-content;
}

/* 3. Main Featured Post (Left Side) */
.main-featured-post {
    grid-column: 1 / 2;
    grid-row: 1 / 6; /* Spans across the header and all 3 sidebar items */
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 480px;
    display: flex;
    align-items: flex-end;
    padding: 40px 30px;
}

/* Dark gradient overlay so the white text is readable over the image */
.main-featured-post::before {
    content: "";
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 60%;
    background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
    z-index: 1;
}

/* New: Yellow Number Badge for Main Post (1) */
.main-featured-post::after {
    counter-increment: post-counter;
    content: counter(post-counter);
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #d4af37; /* Yellow box */
    color: #111;
    font-weight: bold;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    z-index: 3; /* Keeps it above the dark gradient */
}

.main-featured-post a {
    position: relative;
    z-index: 2;
    text-decoration: none;
    color: #fff;
    display: block;
}

.main-featured-post h2 {
    font-size: 32px;
    margin: 0 0 10px 0;
    color: #fff;
    font-family: 'Times New Roman', Times, serif; /* Matches the serif font in the image */
    line-height: 1.2;
}

/* 4. Sidebar Posts (Right Side List) */
.sidebar-post {
    grid-column: 2 / 3;
    display: flex;
    gap: 15px;
    position: relative;
    margin-bottom: 15px;
}

.sidebar-post img {
    width: 140px;
    height: 110px;
    object-fit: cover;
}

/* Updated: Yellow Number Badges for Sidebar (2, 3, 4...) */
.sidebar-post::before {
    counter-increment: post-counter; /* CHANGED to match new counter */
    content: counter(post-counter);  /* CHANGED to match new counter */
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #d4af37; 
    color: #111;
    font-weight: bold;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    z-index: 2;
}

/* 6. Sidebar Text & Typography */
.sidebar-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.sidebar-text h3 {
    font-size: 15px;
    margin: 0 0 8px 0;
    font-family: 'Times New Roman', Times, serif;
    text-transform: uppercase;
    line-height: 1.3;
}

.sidebar-text h3 a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.sidebar-text h3 a:hover {
    color: #d4af37;
}

/* 7. Date & Clock Icon */
.date {
    font-size: 12px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: sans-serif;
}

.main-featured-post .date {
    color: #ddd;
}

/* Adds a simple clock icon next to the date using Unicode */
.date::before {
    content: "\23F2"; 
    font-size: 14px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .custom-news-wrapper {
        grid-template-columns: 1fr;
        padding: 20px;
    }
    .main-featured-post {
        grid-column: 1 / -1;
        grid-row: 1 / 2;
        min-height: 300px;
    }
    .custom-news-wrapper::before,
    .sidebar-post {
        grid-column: 1 / -1;
    }
}/* End custom CSS */