.announcement-section{
		background:#ffffff;
		padding:70px 20px;
		font-family:Arial, sans-serif;
		}

		.container{
		max-width:90%;
		margin:auto;
		}

		.announcement-layout{
		display:grid;
		grid-template-columns:300px 1fr;
		gap:60px;
		align-items:start;
		}

		/* LEFT */

		.announcement-left h2{
		font-size:44px;
		margin:0;
		font-weight:700;
		}

		.announcement-left h3{
		font-size:26px;
		margin-bottom:20px;
		}

		.announcement-left img{
		display:block;
		width:200px;
		/*margin:10px 20px 10px 0; /* remove bottom gap */
		
}
	/*	.announcement-left img{
		width:200px;
		margin-top:20px;
		}
	*/
		/* RIGHT */

	/*	.announcement-scroll{
		max-height:360px;
		overflow-y:auto;
		padding-right:10px;
		}
	*/
		/* Only 6 items will be visible */
		.announcement-scroll .announcement-item:nth-child(n+7){
		display:none;
		}
		
		.announcement-item{
		padding:16px 10px;
		border-bottom:1px solid #ddd;
		display:flex;
		align-items:center;
		gap:10px;
		transition:0.3s;
		font-weight:500;
		}

	/*	.announcement-item:hover{
		background:#fff;
		box-shadow:0 2px 8px rgba(0,0,0,0.08);
		}
	*/
	.action{
    font-size:14px;
    text-decoration:none;
    color:#0073e6;
    font-weight:500;
    position:relative;
    transition:all 0.3s ease;
}

/* Underline animation */
.action::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:0;
    height:2px;
    background:maroon; /* changed */
    transition:width 0.3s ease;
}

.action:hover{
    color:maroon; /* changed */
}

.action:hover::after{
    width:100%;
}
}
		.arrow{
		font-size:18px;
		}

		.text{
		flex:1;
		font-size:16px;
		}

		.action{
		font-size:14px;
		text-decoration:none;
		color:#00007D;
		font-weight:600;
		}

		.new::after{
		content:"NEW";
		background:#ff4d00;
		color:#fff;
		font-size:11px;
		padding:3px 8px;
		border-radius:4px;
		margin-left:10px;
		}

		/* BUTTON */

		.view-all-btn{
		display:inline-block;
		margin-top:20px;
		padding:10px 24px;
		border:1px solid #000;
		border-radius:25px;
		text-decoration:none;
		font-weight:500;
		}

		/* MOBILE */

		@media(max-width:768px){
    .announcement-layout{
        grid-template-columns:1fr;
        gap:15px;
    }

    .announcement-left h2{
        margin:0;
        line-height:1.2;
    }

    .announcement-left h3{
        margin:5px 0 0;
        line-height:1.2;
    }

    .announcement-left{
        margin-bottom:0;
    }

    /* ✅ Hide icon in mobile */
    .announcement-left img{
        display:none;
    }
}